@charset "utf-8";

/* CSS Document */

body{font-family:Roboto-Light; font-size: 15px;overflow-x: hidden; color: #000;}

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;}

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

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

a:hover{cursor: pointer; color:#479bd4;}

a:focus{outline:none;}

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

*{ box-sizing: border-box; }

@font-face {

  font-family: 'Roboto-Regular';

  src: url('fonts/Roboto-Regular.eot');

  src: local('☺'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Roboto-Bold';

  src: url('fonts/Roboto-Bold.eot');

  src: local('☺'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Roboto-Light';

  src: url('fonts/Roboto-Light.eot');

  src: local('☺'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Roboto-Medium_0';

  src: url('fonts/Roboto-Medium_0.eot');

  src: local('☺'), url('fonts/Roboto-Medium_0.woff') format('woff'), url('fonts/Roboto-Medium_0.ttf') format('truetype'), url('fonts/Roboto-Medium_0.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}







@font-face {

  font-family: "iconfont"; /* Project id 3673204 */

  src: url('fonts/iconfont.woff2?t=1664183064701') format('woff2'),

       url('fonts/iconfont.woff?t=1664183064701') format('woff'),

       url('fonts/iconfont.ttf?t=1664183064701') format('truetype');

}





.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-zhuye:before {

  content: "\e63a";

}



.icon-dianhuatianchong:before {

  content: "\e678";

}



.icon-dianhuajianpantianchong:before {

  content: "\e679";

}



.icon-duihuazixun:before {

  content: "\e700";

}



.icon-baojiaquotation2:before {

  content: "\e63c";

}



.icon-huangguan:before {

  content: "\e7eb";

}



.icon-icon:before {

  content: "\e658";

}



.icon-facebook:before {

  content: "\e6e0";

}



.icon-quotation:before {

  content: "\e67b";

}



.icon-zixun1:before {

  content: "\e662";

}



.icon-shijian:before {

  content: "\e692";

}



.icon-youxiang:before {

  content: "\e604";

}



.icon-jinrujiantou:before {

  content: "\e88e";

}



.icon-daohang:before {

  content: "\e610";

}



.icon-shijian1:before {

  content: "\e602";

}



.icon-chanpinfenxi:before {

  content: "\e612";

}



.icon-chanpinku:before {

  content: "\e661";

}



.icon-twitter-fill:before {

  content: "\e63d";

}



.icon-gongsi:before {

  content: "\e67a";

}



.icon-navicon:before {

  content: "\e641";

}



.icon-kefu-ermai:before {

  content: "\e634";

}



.icon-sousuo:before {

  content: "\e8b9";

}



.icon-zhuye1:before {

  content: "\e601";

}



.icon-whatsapp:before {

  content: "\e97b";

}



.icon-youtube:before {

  content: "\e8e2";

}



.icon-lingying:before {

  content: "\ee48";

}



.icon-tuite:before {

  content: "\ee49";

}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

textarea {  -webkit-appearance: none;}

.w_p_main{ }

.main{ background: #f4f4f4; overflow: hidden; width: 100%;  }

.warper{ width:1440px; margin:0 auto; position: relative; }

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

.backToTop:hover{ opacity: .9;}



header{ transition: all 0.3s;  height: 90px; position: fixed; left: 0; width: 100%; z-index: 999;  background: #000000;}

h6{ display: inline-block; font-weight: normal; }

#nav:after{  content: '';  display: block;  clear: both;}

.logo{ position: absolute; top: 20px; left: 40px;  }

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

.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: #65a342; color: #fff;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}

#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }

.position,.page_head{position: fixed; left: 0;right: 0; top: 0; z-index: 110;box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2); background:#000; }

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



#nav {margin-left: 18%;}

nav{ float:left;}

nav li{ float: left; padding: 0 45px; position: relative; }

nav li>a{ font-size: 22px; line-height: 90px; position: relative;  display: inline-block; text-align: center; transition:0.5s; color:#FFF; font-family:Roboto-Regular; }

nav li>a:after {content: ''; position: absolute; bottom: 32px; left: 0; width: 0; transition: all 0.3s; height: 2px; background: #479bd4;}

nav li.on a,nav li:hover a{ color: #479bd4; }

nav li.on a:after { content: ''; position: absolute; bottom: 32px;  left: 0; width: 0;  transition: all 0.3s;  height: 2px; background: #479bd4;}

nav li:hover>a:after, nav li.on>a:after { width: 100%;}

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

nav dl dd{ display: block; position: relative; }

nav li dl dd a{ opacity: 1; background: transparent !important; color: #666 !important; display: block; padding: 13px 18px; text-align: left; white-space: nowrap;font-size:17px;}

nav li dl dd a:hover{ background: #479bd4 !important; cursor: pointer; color: #fff !important;}

nav dl dd div{position: absolute; left: 100%; top: 0; background:rgba(71,155,212,.7); display: none;}

nav dl dd:hover div{display: block;}

nav dl dd div a{padding:10px 12px; color: #fff !important; border-bottom: none; }



.head_rcon{ position: absolute; width: 260px; right: 0; top: 0; background:#479bd4; height:90px;}

.searchform{ overflow: hidden; display: inline-block; width:100%; border-radius: 3px; position: relative; }

.searchform i{ font-size: 16px; color: #fff;  }

.searchform input{ width: 100%; background:transparent; line-height:90px; padding:0 45px 0 10px; text-align:left; font-size:16px; outline:none; color:#FFF; }

.searchform button{ width:50px; line-height:90px; height: 90px; background:transparent; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; position: absolute; right: 0; top: 1px; background:rgba(0,0,0,0.2);}

.searchform input::-webkit-input-placeholder { color: #fff;}

.searchform input:-moz-placeholder {  color: #fff;}

.h_email{ display: inline-block; width: 26px; height: 28px; line-height: 28px; text-align: center; background: #ff6600; color: #fff; }

.h_email:hover{ color: #fff; opacity: 0.85; }







footer{ padding-top: 247px; position: relative; }

footer .f_ter{ background:url(images/foot_bg.jpg) no-repeat bottom #1f2127; }

.f_nav{ width: 50%; overflow: hidden; padding-top: 58px; margin-left:50%; }

.f_nav .f_item1{ float: left; width: 45%; }

.f_blink li{ margin-bottom: 26px; font-size: 20px; font-family: HEL75; }

.f_blink li a{ color: #fff; }

.f_blink li a:hover{ text-decoration: underline; }

.f_pp{ margin-top: 16px; color: #ccc; font-size: 16px; line-height: 24px; }

.f_nav h4{ font-size: 36px; font-family:Roboto-Bold; color: #fff; margin-bottom: 24px; text-transform:uppercase; }

.f_navli{  }

.f_navli li{ margin-bottom: 15px; color:#777; }

.f_navli li a{ color: #fff; }

.f_navli li a:hover{ text-decoration: underline; }



.f_nav .f_item2{ float: left; width: 92%; margin-left: 8%;   }



.f_nav .media{ margin-top: 10px; padding-left: 0; }

.f_nav .media a{ width: 36px; font-size: 15px; height: 36px; border-radius: 36px; text-align: center; line-height: 36px; background: rgba(255,255,255,0.2); }

.f_nav .media a:nth-of-type(1):hover{ background: #0071e0; }

.f_nav .media a:nth-of-type(2):hover{ background: #d10000; }

.f_nav .media a:nth-of-type(3):hover{ background: #55acee; }

.f_nav .media a:nth-of-type(4):hover{ background: #0071e0; }

.f_nav .media a:nth-of-type(5):hover{ background: #222; }



.f_mess{ position: absolute; top: 0; z-index: 55; left: 11%; background: #479bd4; width: 720px; padding: 44px 45px 68px 45px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); }

.f_mtit{ text-align: center; }

.f_mtit span{ color: #68cfef; text-transform: uppercase; }

.f_mtit h3{ font-size: 36px; font-family:Roboto-Bold; margin-top: 8px; text-transform:uppercase; text-align:left; }

.mess_info{ overflow: hidden; position: relative; margin-top: 36px; }

.mess_info ul{ width: 100%; overflow: hidden; }

.mess_info li{ margin-bottom: 15px; width: 100%; float: left; position: relative;  }

.mess_info li:nth-of-type(even){ margin-right: 0; }

.mess_info li font{ position: absolute; color: red; top: 15px; left: 8px; }

.mess_info li:nth-of-type(5),.mess_info li:nth-of-type(6){ width: 100%; margin-right: 0; }

.mess_info li:last-child{ margin-bottom: 0; }

.mess_info input,.mess_info select,.mess_info textarea{width: 100%; border-bottom:solid 1px #60a7d7; color: #fff; resize: none; font-family:Roboto-Regular; background:none; border-radius: 0;  font-size:16px; line-height: 24px; padding:16px 0; }


.mess_info select option{color: #666;}


.mess_info textarea{height: 116px;}

.mess_info input::-webkit-input-placeholder,.mess_info textarea::-webkit-input-placeholder { color: #fff;}

.mess_info input:-moz-placeholder,.mess_info textarea:-moz-placeholder {color: #fff;}

.mess_info button{ border: none; cursor: pointer; width: 200px; display: block; transition: all 0.3s; font-family:Roboto-Regular; font-size: 18px; cursor: pointer; background: #1d1d1d; color: #fff; height: 46px; }

.mess_info button:hover{ opacity:0.9; border-radius: 0; }



.copyright{  padding: 28px 0; rgba(255,255,255,0.6); text-align: center; }





.f_nav h5 { font-style:inherit; color:#9b9b9b; font-size:14px; line-height:22px; font-weight:normal; margin-top:-10px;}

.f_nav .media{ margin-top: 29px; width:100%; float:left; }

.f_nav .media a{ width:38px; height:38px; border-radius:50%; color:#FFF; font-size:20px; line-height:38px; margin-right: 10px; background: transparent; padding:0; background: rgba(255,255,255,0.2); display:block; float:left; }

.f_nav .media a:hover{ opacity:0.8 }



.f_navli{ margin-top:15px;}

.f_navli li{ margin-bottom: 25px; position: relative; font-size: 16px; }

/*.f_navli li:before{ position: absolute; top: 4px; left: 0; content: ""; width: 10px; height: 10px; background: url(images/f_icon.png) no-repeat; }*/

.f_navli li a{ color:#fff;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.f_navli li a span { font-size:22px; color:#479bd4; font-family:Roboto-Regular;}

.f_navli li a:hover{ color: #479bd4; }

.f_nav .f_item3{ float: left; width: 40%; padding-left:5%; }

.f_nav .f_item3 img { width:auto; height:auto; margin:30px 0 40px 0;}





.f_nav .f_item4{ float:left; width: 28%;  border:solid 1px #a0a0a0; border-left:none; padding:40px 40px 20px 40px; }

.f_link{ margin-top:15px; }

.f_link li{ margin-bottom: 22px; position: relative; padding-left: 100px; font-size: 16px;  }

.f_link li a,.f_link li span{ color:#fff; font-size:18px; font-weight:bold; }

.f_link li a:hover{ color: #479bd4; }

.f_link li i{ position: absolute; top: 3px; left: 0; color: #adadad; font-size: 16px; font-style:inherit; }



.copyright{ padding: 20px 0; font-size: 16px; color:#585858; text-align: center; float:left; }

.copyright a{ color:rgba(255,255,255,0.2);  }

.copyright a:hover{ color:#fff;  }







.l_fixed{ position: fixed; top: 30%; left: 0; z-index: 666; }

.l_fixed li{ position: relative; width: 40px; margin-bottom: 1px; transition: all 0.3s; }

.l_fixed li a{ height: 40px; font-size: 20px; text-align: center; line-height: 40px; background: #e63619; color: #fff; display: block; }

.l_fixed li a i{ font-size: 20px; display: inline-block;  }

.l_fixed li a span{ display:block; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #e63619; left: -999px; width: 0; font-size: 16px; transition: all 0.5s; }

.l_fixed li:nth-of-type(2) a{ background: #479bd4; }

.l_fixed li:nth-of-type(3) a{ background: #3a82d3; }

.l_fixed li:nth-of-type(4) a{ background: #30afeb; }

.l_fixed li:nth-of-type(5) a{ background: #0085b2; }

.l_fixed li:nth-of-type(6) a{ background: #d20000; }

.l_fixed li:nth-of-type(2) a span{ background: #479bd4; }

.l_fixed li:hover a span{ width: 220px; left: 40px; }

.l_fixed li:hover{ opacity: 0.9; }

/* Slider */

.slick-slider

{

    position: relative;



    display: block;

    box-sizing: border-box;



    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;



    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{

    position: relative;



    display: block;

    overflow: hidden;



    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;



    display: block;

    margin-left: auto;

    margin-right: auto;

}

.slick-track:before,

.slick-track:after

{

    display: table;



    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;



    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;



    height: auto;



    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}





.slick-dots

{

    position: absolute;

    bottom: -25px;



    display: block;



    width: 100%;

    padding: 0;

    margin: 0;



    list-style: none;



    text-align: center;

}

.slick-dots li

{

    position: relative;



    display: inline-block;



    width: 20px;

    height: 20px;

    margin: 0 5px;

    padding: 0;



    cursor: pointer;

}

.slick-dots li button

{

    font-size: 0;

    line-height: 0;



    display: block;



    width: 20px;

    height: 20px;

    padding: 5px;



    cursor: pointer;



    color: transparent;

    border: 0;

    outline: none;

    background: transparent;

}

.slick-dots li button:hover,

.slick-dots li button:focus

{

    outline: none;

}



#banner_home{ }

.banner{ position: relative; }

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

.banner .slick-dots{ bottom: 35px; }

.banner .slick-dots li{ width: auto; height: auto; }

.banner .slick-dots li button{ background: #fff; border-radius: 20px; }

.banner .slick-dots li.slick-active button{ background: #479bd4; }



.cl{ clear: both; }

.changpic{ width: 100%; overflow: hidden; }

.changpic img{ width: 100%; transition: all 0.3s; }

/*版块标题*/

.home_boxtit{ font-size: 58px; text-align: center; text-transform: uppercase; color:#222; font-family:Roboto-Bold; }

.home_boxtit strong {font-size: 34px; color:#d0171e;}

.home_boxtit i { font-size:20px; color:#999; margin:0 10px;}

.home_wenzi p { width:90%; height:auto; line-height:26px; font-size:15px; color:#666; text-align:center; margin:0 5%;}



/*首页*/

.in_pro{ margin-top:90px; background-size: cover;  overflow:hidden; }

.in_pro .fl { width:100%; height:auto; float:left; margin-bottom:25px;}

.in_pro .fl ul li { width:31.333%; height:auto; background:#FFF; border-radius:3px; float:left; margin-right:3%; padding:25px;  text-align:center; box-shadow:0 1px 10px 0 rgba(0,0,0,0.1);}

.in_pro .fl ul li:nth-child(3n) { margin-right:0;}

.in_pro .fl ul li .cat {border:solid 1px #d8d8d8; padding:60px 35px 50px 35px; border-radius:3px;}

.in_pro .fl ul li .cat i { font-size:72px; color:#333; margin:30px 0 20px 0;}

.in_pro .fl ul li .cat p { font-size:22px; color:#333; line-height:45px; text-transform:uppercase; margin-top:40px; font-weight:bold; margin-bottom:15px;}

.in_pro .fl ul li .cat span { font-size:16px; color:#666; line-height:28px;}

.in_pro .fl ul li:hover .cat p  { color:#d0171e;}

.in_pro .fl ul li:hover .cat i { background-image:-webkit-linear-gradient(bottom,#ec5927,#d92b21,#d21c1f);   -webkit-background-clip:text;   -webkit-text-fill-color:transparent; }





.in_pro .cp { width:100%; height:auto; float:left; margin-bottom:80px;}

.in_pro .cp ul li { width:23%; height:auto; background:#FFF;  float:left; margin-right:1.5%; text-align:left; box-shadow:0 1px 10px 0 rgba(0,0,0,0.1); margin-bottom:2%;}

.in_pro .cp ul li:nth-child(1) { width:47%; height:auto; float:left; padding-right:80px; box-shadow:none; background:none;}

.in_pro .cp ul li:nth-child(1) h1 { width:100%; float:left; font-size:58px; color:#222; text-align:left; height:120px; line-height:140px; font-family:Roboto-Bold;}

.in_pro .cp ul li:nth-child(1) h4 {width:100%; line-height:26px; color:#666; font-size:16px; float:left; height:auto; overflow:hidden; margin-top:5px; font-weight:normal;}

.in_pro .cp ul li:nth-child(1) b { width:150px; float:left; height:43px; line-height:43px; border:solid 1px #999; color:#999; text-align:center; font-weight:normal; margin-top:50px;}

.in_pro .cp ul li:nth-child(1) b a { color:#999; width:100%; height:43px;}

.in_pro .cp ul li:nth-child(1) b a:hover { background:#479bd4; color:#FFF; display:block; height:43px; border:none;}    

.in_pro .cp ul li img { width:100%; height:auto; transition:all .5s;}

.in_pro .cp ul li:hover img { transform:scale(1.15);}

.in_pro .cp ul li .txt{ width:100%; height:auto; padding:15px;}

.in_pro .cp ul li .txt p { width:100%; line-height:30px; height:60px; overflow:hidden; color:#333; font-size:18px; float:left; font-family:Roboto-Bold;}

.in_pro .cp ul li .txt span { width:100%; line-height:22px; color:#666; font-size:16px; float:left; height:44px; overflow:hidden; margin-top:5px;}

.in_pro .cp ul li .txt i { width:160px; height:40px; line height:40px;  color:#666666; margin:0 auto; margin-top:10px; display: inline-block; font-style:inherit; font-size:14px;}

.in_pro .cp ul li:hover .txt p { color:#479bd4;}

.in_pro .cp ul li:hover .txt i { color:#479bd4;}





.in_ab{ padding: 70px 0 70px 0; overflow:hidden; height:auto; background:url(images/in_about_bg.png) no-repeat top;}

.in_ab .top { width:100%; height:auto; float:left;}

.in_ab .top .home_boxtit { color:#FFF; padding:30px 0;}

.in_ab .top p { width:100%; line-height:26px; color:#FFF; font-size:16px; text-align:center; margin-bottom:35px;}

.in_ab .center { width:100%; height:auto; float:left;}

.in_ab .center .left { width:30%; height:auto; float:left; margin-top:300px; padding-right:60px;}

.in_ab .center .left ul li { width:100%; height:auto; float:left;  padding-left:110px; margin-bottom:80px;}

.in_ab .center .left ul li i{ width:92px; height:92px; background:#e5eff5; color:#479bd4; font-size:40px; line-height:92px; text-align:center; position:absolute; border-radius:50%; left:0;}

.in_ab .center .left ul li h2 { font-size:20px; color:#222; float:left;  font-weight:normal; font-family:Roboto-Regular; line-height:40px;}

.in_ab .center .left ul li span { font-size:16px; color:#666; float:left; line-height:22px; height:44px; overflow:hidden;}

.in_ab .center .center { width:40%; height:auto; float:left; margin-top:50px;}

.in_ab .center .center img { width:100%; height:auto; transition:all .5s; }

.in_ab .center .center img:hover {transform:scale(1.1);}



.in_ab .center .right { width:30%; height:auto; float:left; margin-top:300px; padding-left:60px;}

.in_ab .center .right ul li { width:100%; height:auto; float:left; padding-right:110px; margin-bottom:80px; text-align:right;}

.in_ab .center .right ul li i{ width:92px; height:92px;  background:#e5eff5; color:#479bd4;  font-size:40px; line-height:92px; text-align:center; position:absolute; border-radius:50%; right:0;}

.in_ab .center .right ul li h2 { font-size:20px; color:#222;  font-weight:normal; font-family:Roboto-Regular; line-height:40px;}

.in_ab .center .right ul li span { font-size:16px; color:#666; float:left; line-height:22px; height:44px; overflow:hidden;}





/*in_case*/

.in_case { overflow:hidden; height:auto; padding:70px 0 70px 0;}

.in_pact{ padding: 35px 0 0 0; position:relative; overflow:hidden;}

.in_pact:before { content: "";  position: absolute; top: 15%; left: 0; width: 100%;  height: 100%;background: #f3f1e9;  z-index: -1;}

.in_pact .warper { position:static;}

.in_pact .lcon{ width: 45%;  float:left;  transform-style: preserve-3d; margin-top:162px;}

.in_pact .lcon .home_boxtit { line-height:120px; text-align:left; color:#222;}

.in_pact .rcon{ width: 55%; float:right; right:0; position:absolute; }

.in_pact .lcon .home_tit{ color: #222; position: relative; padding-bottom: 25px; }

.in_pact .lcon .home_tit span{ display: block; }

.in_pact .lcon .home_tit:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 98px; height: 3px; background: #ff6600; }

.in_pacttxt{ width: 100%; display: flex; flex-wrap: wrap; }

.in_pacttxt li{ flex: none; cursor: pointer; display: inline-block; width: 50%; margin-left:-1px; border:solid 1px #f3f3f3; height:auto; background:#FFF; padding:35px 25px;}

.in_pacttxt li:nth-child(1) {border-right:none;} 

.in_pacttxt li:nth-child(3) { border-top:none; border-right:none;}

.in_pacttxt li:nth-child(4) { border-top:none;}

.in_pacttxt li i { width:100%; float:left; font-size:30px; color:#ebe2c4; float:left; text-align:left;}

.in_pacttxt li p { width:100%; float:left; font-size:20px; color:#222; text-align:left; line-height:50px; font-family:Roboto-Regular;}

.in_pacttxt li span { width:100%; float:left; font-size:14px; color:#888; line-height:22px; height:66px; overflow:hidden;}

.in_pacttxt li:hover { background:#479bd4;}

.in_pacttxt li:hover i { color:#FFF;}

.in_pacttxt li:hover p { color:#FFF;}

.in_pacttxt li:hover span { color:#FFF;}



.in_pacul li .txt {bottom: 0;left: 0;width: 100%;font-weight: 100;background: rgb(101 106 109 / 32%);color: #fff;height: 100%;text-align: center;float: left;padding: 175px 80px 0;position: absolute;margin-top: -60%;}

.in_pacul li .txt h2 { font-weight:normal; font-size:50px; color:#FFF; float:left; font-family:Roboto-Regular; text-transform:uppercase;}

.in_pacul li .txt p { font-size:14px; margin-top:25px; color:#FFF; font-size:16px; line-height:24px; float:left;}

.in_pacul li .txt span { width:150px; height:40px; line-height:40px; text-align:center; float:left; background:#479bd4; color:#FFF; margin-top:50px;}

.in_pacul li .txt a span { display:block; color:#FFF;}

.in_pacul li .txt:hover a span { opacity:0.9; color:#FFF;}







.in_pacul li{ display: none; }

.in_pacul li.on{ display: block; }





/*in_solution*/





/*in_xw*/

.in_xw {width:100%; height:auto; overflow:hidden; padding-bottom:80px;}

.in_xw_2 { width:100%; height:auto; margin-top:60px;}

.in_xw_2 .home_boxtit { text-align:center; margin-bottom:50px;}

.in_xw_2 .home_boxtit i { position:relative; top:-10px;}

.in_xw_2 .home_boxtit .btn {width: 145px; height: 40px;line-height: 40px; color: #666; font-size: 14px;text-align: center; text-transform:capitalize; font-weight:normal;  background: #eaeaea;float:right;}

.in_xw_2 .home_boxtit .btn  a { color:#666; width:100%; height:40px; display:block;}

.in_xw_2 .home_boxtit .btn:hover a { width:100%; height:40px; display:block; background:#d0171e; color:#FFF;}





.in_xw_2 .left { width:52%; height:auto; float:left; margin-right:3%;}

.in_xw_2 .left ul li { width:100%; height:auto;}

.in_xw_2 .left ul li img { width:100%; height:auto; transition:all .5s;}

.in_xw_2 .left ul li img:hover { transform:scale(1.15);}

.in_xw_2 .left ul li p {font-size:18px; color:#333; height:35px; line-height:35px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family:Roboto-Regular; margin-top:20px;}

.in_xw_2 .left ul li span { line-height:22px; height:44px; font-size:14px; color:#999; overflow:hidden;}

.in_xw_2 .left ul li b{ font-weight:normal; font-size:14px; color:#999; text-align:left; width:100%; line-height:15px; height:20px; float:left; width:100%; margin-top:10px;}

.in_xw_2 .left ul li:hover p { color:#479bd4;}

.in_xw_2 .center { width:45%; height:auto; float:left;}

.in_xw_2 .center ul li { width:100%; height:auto; float:left; margin-bottom:15px; background:#eef5f9; padding:30px;}

.in_xw_2 .center ul li .txt {}

.in_xw_2 .center ul li .txt p { font-size:18px; color:#333; height:35px; line-height:35px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family:Roboto-Regular;}

.in_xw_2 .center ul li .txt span { line-height:22px; height:88px; font-size:14px; color:#999; overflow:hidden; float:left;}

.in_xw_2 .center ul li .txt  b { font-weight:normal; font-size:14px; color:#999; text-align:left; width:100%; line-height:15px; height:20px; float:left; margin-top:25px;}

.in_xw_2 .center ul li:hover .txt p{ color:#479bd4;}

.in_xw_2 .center ul li:hover { background:#1d1d1d;}

.in_xw_2 .center ul li:hover .txt p { color:#FFF;}

.in_xw_2 .center ul li:hover .txt span { color:#FFF;}



/*in_xw*/





/*位置*/

.subbanner{ position: relative;}

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



.sub_link{ width: 100%; position: absolute; top: 50%; color: #fff;text-align:center;  }

.sub_link h1{ font-size: 56px; text-transform: uppercase; font-weight:bold; margin-bottom: 10px; color: #fff; }

.sub_link p{ font-size: 60px;  font-weight:bolder; text-transform:uppercase; font-style:italic;  background-image:-webkit-linear-gradient(bottom,#ec5927,#d92b21,#d21c1f);   -webkit-background-clip:text;   -webkit-text-fill-color:transparent; -webkit-text-stroke: 2px #fff; }

.sub_link p a,.sub_link p i{ color: #fff; }

.sub_link p i{ font-size:26px; margin-right:5px; }

.sub_link p a { color:#FFF;}

.sub_link p a:hover { opacity:0.8;}

.pos { width:100%; overflow:hidden; height:auto; padding-top:120px;}

.pos p { width:100%; line-height:50px; font-size:18px; color:#666; text-align:left;}

.pos p a { color:#666;}

.pos p a:hover { color:#d0171e;}

.pos p i { font-size:20px; color:#479bd4; margin-right:5px;}



.pt65{ padding-top: 50px; }

.pat80{ padding-top: 80px; }

/*关于我们*/

.ab_com{ padding:40px 0 80px 0; overflow:hidden;}

.ab_com .top { width:100%; height:auto; float:left;}

.ab_com .top .home_boxtit { color:#222; padding:30px 0;}

.ab_com .top p { width:100%; line-height:26px; color:#666; font-size:16px; text-align:center; margin-bottom:35px;}

.ab_com .center { width:100%; height:auto; float:left;}

.ab_com .center .left { width:30%; height:auto; float:left; margin-top:200px; padding-right:60px;}

.ab_com .center .left ul li { width:100%; height:auto; float:left;  padding-left:110px; margin-bottom:80px;}

.ab_com .center .left ul li i{ width:92px; height:92px; background: #e5eff5;
    color: #479bd4; font-size:40px; line-height:92px; text-align:center; position:absolute; border-radius:50%; left:0;}

.ab_com .center .left ul li h2 { font-size:20px; color:#222; float:left;  font-weight:normal; font-family:Roboto-Regular; line-height:40px;}

.ab_com .center .left ul li span { font-size:16px; color:#666; float:left; line-height:22px; height:44px; overflow:hidden;}

.ab_com .center .center { width:40%; height:auto; float:left; margin-top:20px;}

.ab_com .center .center img { width:100%; height:auto; transition:all .5s; }

.ab_com .center .center img:hover {transform:scale(1.1);}

.ab_com .center .right { width:30%; height:auto; float:left; margin-top:200px; padding-left:60px;}

.ab_com .center .right ul li { width:100%; height:auto; float:left; padding-right:110px; margin-bottom:80px; text-align:right;}

.ab_com .center .right ul li i{ width:92px; height:92px; background: #e5eff5;
    color: #479bd4; font-size:40px; line-height:92px; text-align:center; position:absolute; border-radius:50%; right:0;}

.ab_com .center .right ul li h2 { font-size:20px; color:#222;  font-weight:normal; font-family:Roboto-Regular; line-height:40px;}

.ab_com .center .right ul li span { font-size:16px; color:#666; float:left; line-height:22px; height:44px; overflow:hidden;}





.ab_honor { padding:40px 0 80px 0; background:url(images/honor_bg.png) no-repeat top; overflow:hidden;}

.ab_honor_2 { width:100%; height:auto; float:left; margin-top:50px;  position: relative;}

.ab_honor_2 ul li { width:23%; height:auto; float:left; margin-right:2.333%;}

.in_honorswiper .item { padding:0 10px;}



.ab_honor_3 { width:100%; height:auto; float:left; position: relative;}

.ab_honor_3 p { width:100%; line-height:28px; font-size:18px; color:#666; text-align:center; margin:10px 0 30px 0; font-family:Roboto-Regular;}

.ab_honor_3 ul li { width:23%; height:auto; float:left; margin-right:2.333%;}

.in_honorswiper1 .item { padding:0 10px;}


.in_honorpaging{ position: absolute; width: 100%; left: 0; top: 40%; }
.in_honorpaging .slick-arrow{ position: absolute; left: -20px; width: 48px; cursor: pointer; height: 48px; line-height: 48px; border-radius: 48px; text-align: center; color: #fff; display: inline-block; }
.in_honorpaging .slick-arrow i{ font-size: 66px; color: #9b9b9b; }
.in_honorpaging .slick-arrow.slick_prev{ position: absolute; right: -20px; left: auto; }
.in_honorpaging .slick-arrow.slick_next{ transform: rotate(180deg); }









/*产品列表*/

.pro_war{ padding-bottom: 100px; }

.pro_wnr{ width: 100%; }

.p_lcon{ width: 354px; float: left; }

.p_rcon{ margin-left: 354px; padding-left: 34px; }

.pro_nav { width:100%; float:left;}

.pro_nav h3,.con_li h3{ background: #1d1d1d; position: relative; padding: 40px 25px; color: #fff; font-size: 30px; text-transform:uppercase; }

.pro_nav h3 a{ display: none; }

.pro_nav h3:after,.last_pro h3:after,.con_li h3:after{ content: ''; position: absolute; bottom: 12px; right: 16px; width: 0;

height: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: transparent transparent #ffffff transparent; }

.accordion {width: 100%; background:#479bd4; }

.accordion li .links.active{ background: url(images/select_iconq.png) no-repeat 94% 25px; }

.accordion li .links.active a{ color: #fff;}

.accordion li:hover .links a{ color: #fff; }

.accordion li:hover .links.active a{ color: #fff; }

.accordion .links {cursor: pointer; display: block; position: relative; background: url(images/select_iconq2.png) no-repeat 94% 28px;  padding: 12px 50px 12px 25px; }

.accordion .links a{ color: #fff; display: inline-block; position: relative; font-size: 18px;  }



.submenu {display: none; overflow: hidden; }

.submenu.on{ display: block; }

.accordion li ul.active{display: block}

.submenu li { display:block; position: relative; line-height: normal; padding: 0 10px 0 45px;}

.submenu a { color: #fff; display: inline-block; padding: 12px 0; line-height: normal; width: 100%; text-transform: uppercase; font-size: 15px; }

.submenu li a:hover{ color: #fff; }

.submenu li:hover:after,.submenu li.on:after{  color: #2cacc7; }

.submenu li div{ display: none; }

.submenu li div a{ display: block; width: 100%; padding: 5px 0; color: #333; }

.submenu li:hover{ background: #1d1d1d; }

.submenu li:hover a{ color: #fff; }



.pro_divpp p{ color: #a3a3a3; font-size: 16px; line-height: 24px; }

.pro_list{ margin-top: 28px; display: flex; flex-wrap: wrap; }

.pro_list li{ display: inline-block; width: 32%; margin-right: 2%; margin-bottom: 30px; }

.pro_list li:nth-of-type(3n){ margin-right: 0; }

.pr_item{ box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%); }

.pr_txt{ padding:24px 15px; }

.pr_txt p{  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:18px; font-family:Roboto-Regular;}

.pr_txt span{  overflow: hidden; float:left; font-size:16px; line-height:22px; height:44px; margin:15px 0; width:100%;}

.pr_txt b { font-weight:normal; font-size:16px; color:#666; margin-top:10px;}

.pr_txt:hover b { color:#479bd4;}

.pr_txt:hover span { color:#666;}

.pr_item:hover .changpic img{ transform: scale(1.15); }



/*分页 结束*/

.digg4{ text-align:center; overflow: hidden;   margin: 0 auto;   clear: both;}

.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:35px; font-size: 15px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; font-family:Roboto-Regular;  height:35px;  line-height: 35px; color:#fff; text-decoration:none; margin:0 5px;}

.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#479bd4;}

.digg4 span.disabled { font-size: 12px; line-height:31px; font-weight: normal;  background: #ebebeb; color:#928f90; border-radius:50%;}

.digg4 a{color: #999; }

/*分页 结束*/

/*contact*/

.con_war{ width: 100%; padding:70px 0 40px 0; overflow:hidden; }

.con_war .lcon{ float: left; width: 450px; }

.con_war .rcon{ width:100%; margin-top:25px; }

.con_war .rcon h2 { font-size:52px;  color:#333; line-height:35px; margin-bottom:10px;  position: relative; font-weight:normal; font-family:Roboto-Bold; text-transform:uppercase;}

.con_war .rcon p { width:100%; font-size:16px; color:#666;}

.con_lconlx{ }

.con_us { }

.con_us:before { width:1px; height:300px; background:#479bd4; left:20px;}

.con_lconlx h2 { font-size:52px; line-height:40px; margin-bottom:40px; text-transform:uppercase; position: relative; font-family:Roboto-Bold; margin-top:70px;}

.con_us li{ margin-bottom: 35px; position: relative; }



.con_us li p{ font-size:20px;  color: #333; line-height:25px; margin-bottom:5px; }

.con_us li p i { color:#d73a30; font-size:20px; margin-right:5px;}

.con_us li h6{ position: absolute; width: 54px; font-weight: normal; height: 54px;   line-height: 54px; border-radius:50%; top: 0; left: 0; text-align: center; overflow: hidden; font-size: 22px; color: #fff; background:#479bd4; }

.con_us li a{ color:#222; text-transform: none; font-size:20px; line-height:35px; font-family:Roboto-Regular;}

.con_us li a b { color:#479bd4;  font-family:Roboto-Regular; font-weight:normal; font-size:26px;}

.con_us li span { color:#222; font-size: 20px;  line-height: 32px; font-family:Roboto-Regular;}

.con_us li a:hover{ color: #222; text-decoration: underline; }

.con_us li:last-child{ padding-top: 0; }

.con_us li:hover h6{ background: #479bd4; color: #fff; }

.con_cord{ width: 100%; overflow: hidden; }

.con_cord span{ color: #fff; margin-top: 53px; display: inline-block; width: 120px;  }

.con_cord img{ width: 175px; float: left; margin-right: 12px; }

.con_war .rcon .home_tit{ text-align: right; }

.con_war .rcon .home_tit:after{ right: -18px; left: auto; }

.con_war .rcon p{ text-align:left; color:#888; line-height: 26px; font-size:15px; }





.con_info{ overflow: hidden; margin-top: 20px; }

.con_info ul{ width: 100%; overflow: hidden; }

.con_info li{ margin-bottom: 16px; float: left; position: relative; width: 49%; }

.con_info li:nth-child(2n) { float:right;}

.con_info li:nth-child(5) { width:100%; float:left;}

.con_info li:nth-child(6) { float:left;}

.con_info input,.con_info textarea{width: 100%; color: #666; resize: none; font-family:Arial; background:#fff; font-size:14px; line-height:38px; padding:4px 20px; outline:none; border-radius: 3px; }

.con_info textarea{height: 178px;}

.con_info input::-webkit-input-placeholder,.con_info textarea::-webkit-input-placeholder { color: #888;}

.con_info input:-moz-placeholder,.con_info textarea:-moz-placeholder {color: #444;}

.con_info button{ margin-top:25px; border: none; width: 150px; display: block; font-family:Arial; font-size: 16px; cursor: pointer; color: #fff; height: 38px; line-height:38px; outline:none;  background:#479bd4;  }

.con_info button:hover{  opacity: 0.85; }

.con_info button i{ margin-left: 5px; font-size: 32px;  font-weight: 100; }



.map{ margin-left:550px;}

.con_box{ background:url(images/con_bg.png) no-repeat top; }

.con_semess{ background: #ee7700; padding: 75px 0 70px 0; }

.semess_tit{ position: relative; }

.semess_tit p{ width: 51%; line-height: 30px; color: rgba(255,255,255,0.6); }

.semess_tit h4{ font-size: 48px; font-family:Arial; color: #fbb46d; position: absolute; right: 0; top: 0;  }

.seme_info{ margin-top: 20px; }

.seme_info ul{ width: 100%; overflow: hidden; }

.seme_info input{ width: 100%; background: #fff; height: 56px; padding: 0 12px; font-size: 18px; line-height: 56px; font-family:Arial; }

.seme_info ul li:first-child{ width: 22%; }

.seme_info ul li{ float: left; margin-right: 0.5%; }

.seme_info ul li:nth-of-type(2){ width: 61%; }

.seme_info button{ width: 100%; height: 56px; font-size: 18px; cursor: pointer; font-family:Arial; background: #fff; color: #ee7700; text-align: center; border: none; }

.seme_info ul li:nth-of-type(3){ width: 16%; margin-right: 0; }

.seme_info button:hover{ color: #fff; background: #ffbb00; }

/*contact*/



/*sol*/

.case { overflow:hidden; height:auto; padding:60px 0 90px 0; overflow:hidden;}

.case ul li { width:48%; height:auto; float:left; margin-bottom:50px;}

.case ul li:nth-child(2n) { float:right;}

.case ul li img { width:100%; height:auto; transition:all .5s;}

.case ul li :hover img { transform:scale(1.15);}

.case ul li p {font-size:22px; color:#333; height:35px; line-height:35px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family:Roboto-Regular; margin-top:20px; margin-bottom:10px;}

.case ul li span { line-height:22px; height:44px; font-size:14px; color:#999; overflow:hidden;}

.case ul li b{ font-weight:normal; font-size:14px; color:#999; text-align:left; width:100%; line-height:15px; height:20px; float:left; width:100%; margin-top:25px;}

.case ul li :hover p { color:#479bd4;}

.case ul li :hover b { color:#479bd4;}

/*sol*/



/*产品详情*/

.pro_del{ }

.pro_del .lcon { width:354px; height:auto;}

.pro_del .lcon .hot { width:100%; height:auto; float:left; margin-top:50px;}

.pro_del .lcon .hot ul li { width:100%; height:auto; float:left; box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%); margin-bottom:20px;}

.pro_del .lcon .hot ul li img {    width: 100%; transition: all 0.3s;}

.pro_del .lcon .hot ul li:hover img { transform:scale(1.1);}

.pro_del .lcon .hot ul li .pr_txt {  padding: 24px 15px;}

.pro_del .lcon .hot ul li .pr_txt p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px;font-family: Roboto-Regular;}

.pro_del .lcon .hot ul li .pr_txt span{    overflow: hidden;float: left; font-size: 16px;line-height: 22px; height: 44px; margin: 15px 0;}

.pro_del .lcon .hot ul li .pr_txt  b {font-weight: normal; font-size: 16px;  color: #666; margin-top: 10px;}	





.pro_del .rcon { padding-left:390px;}

.pro_gdbox{ width: 100%; margin-bottom: 32px; overflow: hidden;position: relative;  }

.pro_gdbox .prolcon{ width: 50%; float: left; position:relative; }

.propicflash{ width: 100%; position: relative; overflow: hidden; }

.propicflash .big{ width: 74%; float: left; background: #fff;   }

.propicflash .big img{display: none; width: 100%; }

.propicflash .big img.on{display: block;}

.propicflash .small{  width: 23.2%; float: right; }

.propicflash .small img.on{display: block;}

.propicflash .small img{ float: left; background: #fff; width: 100%; margin-bottom:12px; cursor: pointer;}

.propicflash .small img:last-child{margin-bottom: 0}

.del_pname{ font-size: 36px; padding-bottom: 8px; font-family: OSWALD-MEDIUM; font-weight: normal; position: relative; text-transform:uppercase; }





.in_cp { width:100%; height:auto; float:left; position:inherit; }

.in_pic{ position: relative; }

.in_picitem{ background: #f6f6f6; transition: all 0.3s; }

.in_picswiper .slick-track{ }


.in_picpaging{ position: absolute; width: 100%; left: 0; top: 40%; }
.in_picpaging .slick-arrow{ position: absolute; left:0px; width: 48px; cursor: pointer; height: 48px; line-height: 48px; border-radius: 48px; text-align: center; background: #479bd4; color: #fff; display: inline-block; }
.in_picpaging .slick-arrow i{ font-size: 32px; color: #fff; display: -webkit-box; }
.in_picpaging .slick-arrow.slick_prev{ position: absolute; right: 0px; left: auto; }
.in_picpaging .slick-arrow.slick_next{ transform: rotate(180deg); }



.in_picpaging .slick-arrow:hover{ background:#333; color:#fff; }
.in_picpaging .slick-arrow:hover i{ color: #fff; }
.in_picitem:hover{ box-shadow: 0 1px 10px 0 rgba(241,245,248,0.5); }



.in_propaging{ position: absolute; width: 100%; left: 0; top: 40%; }
.in_propaging .slick-arrow{ position: absolute; left: -20px; width: 48px; cursor: pointer; height: 48px; line-height: 48px; border-radius: 48px; text-align: center; color: #fff; display: inline-block; }
.in_propaging .slick-arrow i{ font-size: 66px; color: #9b9b9b; }
.in_propaging .slick-arrow.slick_prev1{ position: absolute; right: -20px; left: auto; }
.in_propaging .slick-arrow.slick_next1{ transform: rotate(180deg); }




.pro_gdbox .prorcon{ width: 50%; float: right; padding: 0 18px 0 40px; }

.prorcon h2{ font-size: 26px; color: #333; line-height: 30px; position: relative; font-weight:normal; font-family:Roboto-Regular; }

.pro_desc{ margin-top: 20px; margin-bottom:10px; }

.pro_desc p{  font-size: 16px; line-height: 28px; color: #666; height: 112px; overflow: hidden; overflow: hidden;

    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }



.pro_xq { width:100%; overflow:hidden; margin-bottom:25px;}

.pro_xq ul li { width:100%; height:auto;float:left; padding:15px 25px 25px 40px; position:relative;}

.pro_xq ul li p{ font-size:18px;  color: #d21b1f; line-height:35px; }

.pro_xq ul li h6{ position: absolute; width: 50px; font-weight: normal; height: 50px; line-height: 50px;top:5px; left:0; text-align:left; overflow: hidden; font-size: 28px; color: #479bd4;}

.pro_xq ul li a { font-size:22px; color:#666; font-family:Roboto-Regular;}

.pro_xq ul li span{ color: rgba(255,255,255,0.9); display: block; text-transform: none; font-size:18px;}

.pro_xq ul li a:hover{ color: #479bd4; text-decoration: underline; }



.del_pic { width:100%; height:auto; float:left;}

.del_pic ul li { width:31.333%; margin-right:3%; float:left; margin-right:3%; text-align:center;}

.del_pic ul li img { width:100%; height:auto; float:left; transition:all .5s;}

.del_pic ul li img:hover { transform:scale(1.1);}

.del_pic ul li p { width:100%; line-height:35px; font-size:18px; color:#666; font-family:Roboto-Regular; float:left;}





.del_contact{ margin-top: 34px; overflow: hidden; }

.del_contact span{display: inline-block; overflow: hidden; padding-left:30px; float: left; position: relative; min-height:28px;}

.del_contact span:last-child{ margin-left: 6%; }

.del_contact a{ font-size: 20px; }

.del_contact i{display: block; width: 28px; height:28px; line-height: 28px; font-size: 28px; color: #61d036; position: absolute; left: 0; top:-3px; }

.del_contact span:last-child i{ color: #ffc000; }



.pro_lxbtn{ width:100%; float:left; }

.pro_lxbtn p{ color: #666; margin-bottom: 12px; }

.pro_lxbtn a{ background: #fff;  font-size: 18px; color: #fff; background:#479bd4; text-align: center; padding:10px 10px; border-radius:50px; width: 45%; display: inline-block; }

.pro_lxbtn a i{ display: inline-block; font-weight: normal; font-size: 23px; margin-right: 5px; }

.pro_lxbtn a:last-child{ background: #1d1d1d; margin-left: 5%; color:#FFF;  }

.pro_lxbtn a:hover{ opacity:0.8; color:#FFF;}

.pro_lxbtn a *{ vertical-align: middle; }

.share{ margin-top: 15px; float:left; }



.del_block{ margin-top: 38px; margin-bottom:100px;}

.del_cpblock{ background:url(images/cp_del_bg.jpg) no-repeat bottom #f4f4f4; overflow:hidden;}

.del_formblock{ background:#f4f4f4; overflow:hidden; padding-top:70px;}



.del_item{ margin-bottom: 25px;}

.del_item .in_prowar { margin-top:0;}

.del_item h4{ font-size: 30px; color: #333; padding:10px 0 12px 0; color:#333; text-transform:uppercase; border-bottom:solid 1px #dedede; margin-bottom:20px; position:relative; }

.del_item h4:after{content: '';position: absolute;bottom:-2px;left: 0;width: 300px;transition: all 0.3s; height: 4px;background: #479bd4;}

.del_item h5{ font-size: 36px; color: #333; font-weight:normal; padding:10px 0 10px 0; margin-top:30px;  }

.del_item h5 strong { font-weight:normal; color:#479bd4;}

.del_item h5 i{ display: inline-block; font-weight: normal; margin-right: 10px; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 36px;color: #479bd4; font-size: 28px; }

.del_item h5 *{ vertical-align: middle; }



.d_item{ }

.del_ribox{ background: #fff; overflow:hidden; }

.del_ribox .lcon { width:100%; height:auto; float:left;}



.del_text { float:left;}

.del_text p{ font-size: 16px; line-height: 29px; color: #999; }

.del_pic { width:100%; float:left; margin-bottom:15px; margin-top:15px;}

.del_pic ul li { width:31.333%;  height:auto; float:left; margin-right:3%;}

.del_pic ul li:nth-child(3n) { margin-right:0;}

.del_pic ul li img { width:100%; height:auto; transition:all .5s;}

.del_pic ul li img:hover { transform:scale(1.15);}



.pro_catebox{ width: 100%; overflow: hidden; }

.pro_catebox li{ border-bottom: 8px solid #f1f6f9; }

.cateitem{ overflow: hidden; width: 100%; padding: 30px 0; }

.cateitem .ca_lcon{ float: left; width: 32%; }

.cateitem .ca_rcon{ float: right; width: 68%; padding: 14px 10px 0 26px; }

.cateitem .ca_lcon .changpic{ border:1px solid #dedede; }

.cateitem .ca_rcon h5{ font-size: 24px; position: relative; padding-left: 12px;  }

.cateitem .ca_rcon h5:before{ content: ""; position: absolute; top: 5px; left: 0; width: 3px; height: 18px; background: #479bd4; }

.ca_pp{ margin-top: 18px; overflow: hidden; height: 140px; }

.ca_pp p{ font-size: 16px; line-height: 28px; color: #999; }

.cateitem .ca_rcon a{ display: inline-block; margin-top: 24px; border-radius: 35px; padding: 10px 65px; background: #479bd4; color: #fff; font-size: 16px; }

.cateitem .ca_rcon a i{ font-size: 20px; margin-right: 8px; }

.cateitem .ca_rcon a *{ vertical-align: middle; }

.cateitem .ca_rcon a:hover{ border-radius: 0; }

.pro_catebox li:nth-of-type(even) .cateitem .ca_lcon{ float: right; }

.pro_catebox li:nth-of-type(even) .cateitem .ca_rcon{ float: left;  padding: 14px 10px 0 0; }

.pro_catebox li:first-child .cateitem{ padding-top: 0; }

.pro_catebox li:last-child{ border-bottom: none; }

.catebox{ width: 100%; overflow: hidden; }

.catebox li{ float: left; width:31.3%; margin-right: 3%;  }

.catebox li:last-child{ margin-right: 0; }

.catebox li .changpic{ border: 1px solid #dcdcdc; }

.catebox li p{ margin-top: 18px; position: relative; font-size: 20px; font-weight: bold; padding-left: 10px; }

.catebox li p:after{ position: absolute; top: 3px; left: 0; content: ""; width: 3px; height: 15px; background: #479bd4; }



.app_text dl{ margin-bottom: 20px; padding-left: 40px; position: relative; }

.app_text dl:last-child{ margin-bottom: 0; }

.app_text dl dt{ font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.app_text dl dd p{ font-size: 16px; line-height: 28px; color: #999; }

.app_text dl:after{ position: absolute; top: 0; left: 0; content: "\e69e"; font-family: iconfont; color: #479bd4; font-size: 28px; }





.pro_table{ overflow-x: auto; }

.pro_table table{ border-top: 1px solid #cad5d9; border-left: 1px solid #cad5d9; width: 100%; }

.pro_table table tr td{ padding: 18px 10px; color: #333; font-size: 15px; text-align:left; border-bottom: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; }

.pro_table table tr:nth-of-type(odd) td{ background: #fffcf2; }



.del_ribox .quiry_info{ margin-top: 0; }

.del_ribox .quiry_info ul,.ser_mess .quiry_info ul,.con_usmess .quiry_info ul{ width: 100%; overflow: hidden; }

.del_ribox .quiry_info ul li,.ser_mess .quiry_info ul li,.con_usmess .quiry_info ul li{ float: left; width: 49%; margin-bottom: 18px; position: relative; }

.del_ribox .quiry_info ul li,.ser_mess .quiry_info ul li,.con_usmess .quiry_info ul li p { font-size:18px; color:#333; text-align:left; line-height:40px; float:left;}

.del_ribox .quiry_info ul li:nth-of-type(even),.ser_mess .quiry_info ul li:nth-of-type(even),.con_usmess .quiry_info ul li:nth-of-type(even){ float: right; }

.del_ribox .quiry_info ul li p,.ser_mess .quiry_info ul li p,.con_usmess .quiry_info ul li p{ color: #666; }

.del_ribox .quiry_info input, .del_ribox .quiry_info textarea,.ser_mess .quiry_info input, .ser_mess .quiry_info textarea,.con_usmess .quiry_info input, .con_usmess .quiry_info textarea{ border-radius: 3px; color: #333; background: #fff; background:#f5f5f5; padding: 16px 18px; width:100%; }

.del_ribox .quiry_info ul li:nth-of-type(5),.del_ribox .quiry_info ul li:nth-of-type(6),.ser_mess .quiry_info ul li:nth-of-type(5),.ser_mess .quiry_info ul li:nth-of-type(6),.con_usmess .quiry_info ul li:nth-of-type(5),.con_usmess .quiry_info ul li:nth-of-type(6){ width: 100%; }

.del_ribox .quiry_info input::-webkit-input-placeholder,.del_ribox .quiry_info textarea::-webkit-input-placeholder,.ser_mess .quiry_info input::-webkit-input-placeholder,.ser_mess .quiry_info textarea::-webkit-input-placeholder,.con_usmess .quiry_info input::-webkit-input-placeholder,.con_usmess .quiry_info textarea::-webkit-input-placeholder { color: #999;}

.del_ribox .quiry_info input:-moz-placeholder,.del_ribox .quiry_info textarea:-moz-placeholder,.ser_mess .quiry_info input:-moz-placeholder,.ser_mess .quiry_info textarea:-moz-placeholder,.con_usmess .quiry_info input:-moz-placeholder,.con_usmess .quiry_info textarea:-moz-placeholder {color: #999;}

.del_ribox .quiry_info textarea,.ser_mess .quiry_info textarea,.con_usmess .quiry_info textarea{ height: 190px; font-family:Arial; }

.del_ribox .quiry_info ul li font,.ser_mess .quiry_info ul li font,.con_usmess .quiry_info ul li font{ position: absolute; top: 16px; left: 10px; color: red; }

.del_ribox .quiry_info button,.ser_mess .quiry_info button,.con_usmess .quiry_info button{ background: #479bd4;  transition: all 0.3s; color: #fff; font-size: 16px; width:150px; height:40px;border-bottom:none; line-height:40px; border:none; }

.del_ribox .quiry_info button:hover,.ser_mess .quiry_info button:hover,.con_usmess .quiry_info button:hover{ border-radius: 0; }

.del_ribox .quiry_info ul li:last-child,.ser_mess .quiry_info ul li:last-child,.v .quiry_info ul li:last-child{ margin-bottom: 0; margin-top: 0; }



.del_item .in_proswiper{ background: transparent; padding: 0; }

.del_item .in_proswiper .item {  background:#FFF;  box-shadow:0 1px 10px 0 rgba(0,0,0,0.1); text-align:center; margin:5px 10px 10px 10px;}

.del_item .in_proswiper .item img {width:100%; height:auto; transition:all .5s;}

.del_item .in_proswiper .item:hover img { transform:scale(1.15);}

.del_item .in_proswiper .item .txt{ width:100%; height:auto; padding:40px;}

.del_item .in_proswiper .item .txt p { width:100%; line-height:30px; height:60px; overflow:hidden; color:#333; font-size:20px; float:left; font-family:Roboto-Regular; }

.del_item .in_proswiper .item .txt span { width:100%; line-height:28px; color:#666; font-size:16px; float:left; height:56px; overflow:hidden; margin-top:20px;}

.del_item .in_proswiper .item .txt i { width:160px; height:48px; line-height:48px; background:#f4f4f4; color:#666666; margin:0 auto; margin-top:20px; display: inline-block; font-style:inherit; font-size:16px;}

.del_item .in_proswiper .item:hover .txt p {color:#479bd4;}

.del_item .in_proswiper .item:hover .txt i { background:#479bd4; color:#FFF;}



.ser_mess .quiry_info{ margin-top: 24px; }

/*ser*/

.page_pro{ padding: 75px 0 128px 0; }

.pro_navshow{ width: 100%; overflow: hidden; }

.pro_navshow li{ float: left; margin-right: 1%; }

.pro_navshow li a{ border:1px solid #a4a4a4; font-size: 20px; color: #666; padding: 10px 40px; display:inline-block; }

.pro_navshow li:last-child{ margin-right: 0; }

.pro_navshow li:hover a{ background: #2a99fc; color: #fff; border:1px solid #2a99fc; }

.page_pro .in_proitem{ box-shadow: none; border:1px solid #dedede; }

/*case*/

/*news*/

.news { padding:100px 0;}

.news_list{ margin-top: 42px; }

.news_list li{ margin-bottom: 30px; background:#eef5f9;}

.news_item{ width: 100%; overflow: hidden; transition: all 0.3s; }

.news_item .lcon{ float: left; width:460px;  }

.news_item .lcon img { width:100%; height:auto;}

.news_item .rcon{ padding: 25px 30px 0 48px; width:66%; float:left;  }

.news_item .rcon em{ font-size: 16px; font-style: normal; color: #888; }

.news_item .rcon em i{ font-size: 18px; }

.news_item .rcon h3{ margin-top: 4px; color: #333; font-size: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.news_item .rcon p{ margin-top: 14px; font-size: 16px; line-height: 27px; color: #888; height:81px; overflow: hidden; }

.news_item .rcon span{ display: inline-block; margin-top: 22px; color: #999; font-size: 14px; }

.news_item:hover .changpic img{ transform: scale(1.15); }

.news_item:hover .rcon h3 { color: #479bd4; }

.news_item:hover .rq { background:#d0171e;}

.news_item:hover .rq h4,.news_item:hover .rq h5 { color:#FFF;}





.new { overflow:hidden; height:auto; }

.new ul li { width:48%; height:auto; float:left; margin-bottom:20px;}

.new ul li:nth-child(2n) { float:right;}

.new ul li img { width:100%; height:auto; transition:all .5s;}

.new ul li :hover img { transform:scale(1.15);}

.new ul li p {font-size:22px; color:#333; height:35px; line-height:35px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family:Roboto-Regular; margin-top:20px; margin-bottom:10px;}

.new ul li span { line-height:22px; height:44px; font-size:14px; color:#999; overflow:hidden;}

.new ul li b{ font-weight:normal; font-size:14px; color:#999; text-align:left; width:100%; line-height:15px; height:20px; float:left; width:100%; margin-top:25px;}

.new ul li :hover p { color:#000;}

.new ul li :hover b { color:#479bd4;}



/*news*/

/*newsdel*/

.infocon{ }

.infocon h1{font-size:30px; text-align: center; margin-bottom: 10px; font-weight:normal;  }

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

.infocon .time{ text-align: center;margin-bottom:20px; margin-top: 18px; }

.infocon .time i{ font-size: 18px; display: inline-block; }

.infocon .other{ margin:30px 0 0 0; position: relative; }

.infocon .other div{margin:8px 0;}

.infocon .other{ color: #666; font-size: 16px; border-top: 1px solid #dcdcdc; padding-top: 20px; margin-bottom:70px; }

.infocon .other a{color: #666}

.infocon .other a:hover{ color:#479bd4; }

.infocon p{line-height:28px; margin-bottom: 10px; color: #666; font-size:16px; }

.infocon p strong { color:#333; font-size:18px; font-weight:normal; font-family:Roboto-Regular;}





.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none; z-index:999999999999999999999;}

.footmenu img{display:block}

.footmenu div.bgcolor{ clear:both;}

.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#479bd4;}

.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}

.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 22px;}

/*404*/

.no_fun{ text-align: center;margin-bottom: 60px;}

.no_fun h5{ font-size: 36px; margin-bottom: 30px; }

.no_fun p{ color: #888; line-height:30px; }

.no_fun a{ display: inline-block; margin-top: 34px; font-size: 20px; border-radius: 40px; padding: 16px 64px; background: #ae8402; color: #fff; text-transform: uppercase; }

.no_fun a:hover{ transform: translateY(5px); }

.areatextClass::-webkit-input-placeholder { color: red!important;}
.aligncenter {
  display: block !important;
  margin: 0 auto!important;
}
.wpcf7 fieldset{display:none;}
.wpcf7-response-output,.wpcf7-validation-errors {display: none !important;}
span.wpcf7-not-valid-tip {display: none;}
.screen-reader-response {display: none !important;}

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

	nav li {padding: 0 36px;}

	.in_pact .lcon { margin-top:6.1%;}

	 .f_nav { width:45%; margin-left:55%;}

	 

	



}

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

  .backToTop{ right: 0; }

 nav li { padding:0 36px;}

 .in_pacul li .txt h2 { font-size:42px;}

 .in_pact .lcon .home_boxtit { line-height:96px;}

 .f_nav .media { margin-top:10px;}



}



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

.warper{ width: 94%; }

.home_boxtit { font-size:50px;}

.in_pro .cp ul li:nth-child(1) h1 { font-size:50px;}

.in_ab .center .left ul li i { width:85px; height:85px; line-height:85px;}

.in_ab .center .left ul li { padding-left:100px;}

.in_ab .center .left ul li h2 { line-height:35px;}

.ab_com .center .left ul li i { width:85px; height:85px; line-height:85px;}

.ab_com .center .left ul li{ padding-left:100px;}

.ab_com .center .left ul li h2  { line-height:35px;}

.ab_com .center .right ul li i { width:85px; height:85px; line-height:85px;}

.ab_com .center .right ul li { padding-right:100px;}

.ab_com .center .right ul li h2 { line-height:35px;}

.in_pacul li .txt { margin-top:-75%; width:100%;}

.in_pacul li .txt h2 { font-size:40px;}

.in_pact .lcon { margin-top:1.8%;}

.in_pact:before { top:6%;}

.in_ab .center .left { margin-top:220px;}

.in_ab .center .right { margin-top:220px;}

.in_ab { padding:70px 0 50px 0;}

.f_mess { width:45%; padding:24px 25px 68px 25px;}

.mess_info { margin-top:10px;}

.f_nav { margin-top:38px;}

.f_navli li { margin-bottom:20px;}

.f_nav h4 { font-size:30px;}

.f_mtit h3 { font-size:30px;}

footer { padding-top:90px;}

.ab_com .center .left { margin-top:150px;}

.ab_com .center .right { margin-top:150px;}

.del_item h4 { font-size:26px;}

.del_item h4:after { height:3px;}

.con_war .rcon h2 { font-size:50px;}

.con_lconlx h2 { font-size:50px;}

}





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

nav li { padding:0 30px;}

.in_pro .cp ul li:nth-child(1) h1 { font-size:46px; height:100px; line-height:120px;}

.in_pro .cp ul li:nth-child(1) { padding-right:40px;}

.in_pro .cp { margin-bottom:50px;}

.in_ab .top .home_boxtit { padding:20px 0;}

.in_ab .center .center { margin-top:20px;}

.in_ab .center .left ul li { margin-bottom:70px;}

.in_pact .lcon .home_boxtit { line-height:66px;}

.in_xw_2 .home_boxtit { margin-bottom:30px;}

.f_mess { padding:24px 25px 40px 25px;}

footer { padding-top:62px;}

.ab_com .top .home_boxtit { padding:20px 0;}

.ab_com .top p { margin-bottom:25px;}

.ab_honor { padding:20px 0 80px 0;}

.ab_honor_3 { margin-top:40px;}

.ab_honor_3 p { font-size:16px;}

.news { padding:60px 0;}

.news_item .lcon { width:34%;}

.news_item .rcon h3 { margin-top:0; font-size:22px;}

.con_war .rcon h2 { font-size:46px;}

.con_war { padding:50px 0 40px 0;}

.con_lconlx h2 { font-size:46px;}

.prorcon h2 { font-size:24px;}

.pro_desc p { line-height:24px;}

.pro_xq ul li { padding:15px 25px 10px 40px;}

.pro_xq { margin-bottom:10px;}

.del_item h4:after { width:200px;}



}



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

nav li { padding:0 20px;}

.in_pro .cp ul li:nth-child(1) h1 { font-size:42px;}

.home_boxtit { font-size:42px;}

.in_ab .top .home_boxtit { padding:10px 0;}

.in_ab { background:url(images/in_about_bg1.png) no-repeat top;}

.in_ab .center .left { margin-top:150px;}

.in_ab .center .right { margin-top:150px;}

.in_ab .center .left ul li i { width:75px; height:75px; line-height:75px;}

.in_ab .center .left ul li { padding-left:85px;}

.in_ab .center .left ul li h2 { font-size:18px; line-height:30px;}

.in_ab .center .left ul li span { font-size:14px;}

.in_ab .center .right ul li i { width:75px; height:75px; line-height:75px;}

.in_ab .center .right ul li h2 { font-size:18px; line-height:30px;}

.in_ab .center .right ul li span { font-size:14px;}

.in_ab .center .right ul li { padding-right:85px;}

.in_ab .center .right ul li { margin-bottom:70px;}



.ab_com .center .left ul li i  { width:75px; height:75px; line-height:75px;}

.ab_com .center .left ul li { padding-left:85px;}

.ab_com .center .left ul li h2{ font-size:18px; line-height:30px;}

.ab_com .center .left ul li span { font-size:14px;}

.ab_com .center .right ul li i { width:75px; height:75px; line-height:75px;}

.ab_com .center .right ul li h2  { font-size:18px; line-height:30px;}

.ab_com .center .right ul li span { font-size:14px;}

.ab_com .center .left { margin-top:100px;}

.ab_com .center .right { margin-top:100px;}

.in_pacttxt li { padding:25px;}

.in_xw_2 { margin-top:40px;}

.in_xw_2 .home_boxtit { margin-bottom:20px;}

.in_xw { padding-bottom:60px;}

.mess_info input, .mess_info select, .mess_info textarea { padding:12px 0;}

footer { padding-top:30px;}

.con_war .rcon h2 { font-size:42px;}

.con_lconlx h2 { font-size:42px; margin-top:30px;}

.con_us li p { margin-bottom:0;}

.con_us li { margin-bottom:30px;}

.del_item h4 { font-size:24px;}

.del_item h4:after { width:150px;}

.del_pic { margin-top:0;}

.del_block { margin-bottom:70px;}



}



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

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

  header{ height: 62px;}

  nav{position: fixed; left: 0;top: 0;bottom: 0;width: 250px; z-index: 999;overflow: auto;background: #222; transform: translateX(-300px);transition: 0.3s; padding-left:0;}

  nav li{ float: none; padding: 0; }

  nav li>a{ margin:0; color: #fff; font-weight: normal; line-height: normal; font-size: 16px; display:block; padding:15px 10px; border-bottom:1px solid #2e2e2e; text-align: left;}

  nav li dl{ left: 0;  top: 0; width: auto;  background: #2e2e2e;  position: inherit;  opacity: 1; display: block; }

  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}

  .logo img{ height: 29px; }

  nav li.on a, nav li:hover a{ background: #479bd4; color: #fff; }

  nav li:hover dl{ left: 0; opacity: 1; }

  #banner_home .owl-theme .owl-controls{ bottom: 8px; }

  #banner_home .owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; }

  nav li dl dd a{ color: #fff !important; padding: 12px; font-weight: normal; white-space: normal; font-size: 16px; }

  nav dl dd:hover div{display: none;}

  nav dl{ position: static; }

  #banner_home,.subbanner{ padding-top:62px;}

  .logo{ top: 9px; left: 15px; }

  .logo img{ height: 40px; }

  #nav .nav-button{ background: #479bd4 ; }

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

  .backToTop{ right: 0; }

  .head_rcon{ display: none; }

  .logo{ left: 10px; }

  #nav .nav-button{ right: 0; }

  .menu_box{ display: block !important; position: initial; position: inherit; height: auto !important;

    opacity: 1; padding: 0; background: #f6f6f6; }

  .menu_list li{ width: 100%; float: none; }

  .nav_icon,.nav_pp{ display: none; }

  .menu_list h4{ margin-top: 0; }

  .menu_list h4 a{ display: block; font-size: 16px; width: 100%; padding:15px 12px; background: #666!important; color: #fff !important; }

  .menu_list h4 a:hover{ background: #479bd4!important; color: #fff !important; }

.in_pro .cp ul li:nth-child(1) h1 { font-size:38px; height:55px; line-height:55px;}

.in_pro .cp ul li:nth-child(1) h4 { height:104px; overflow:hidden;}

.in_pro .cp { margin-bottom:40px;}

.home_boxtit { font-size:40px;}

.in_ab .top p { margin-bottom:25px;}

.in_ab .center .left ul li { margin-bottom:50px;}

.in_ab .center .right ul li { margin-bottom:50px;}

.in_ab .center .right { padding-left:20px;}

.in_ab .center .left { padding-right:20px;}

.in_pacul li .txt h2 { font-size:30px;}

.in_pacul li .txt { padding:70px 40px;}

.in_pacul li .txt p { height:96px; overflow:hidden;}

.in_pact .lcon { margin-top:0;}

.in_pacttxt li span { height:44px;}

.in_pacttxt li { padding:20px;}

.pos { padding-top:70px;}

.pro_war { padding-bottom:60px;}

.ab_com .top .home_boxtit { padding:10px 0;}

.news_list { margin-top:20px;}

.news_item .rcon { padding:20px 30px 0 30px;}

.news_item .rcon p { height:54px; overflow:hidden; margin-top:6px;}

.news_item .rcon span { margin-top:12px;}

.news_item .rcon h3 { font-size:20px;}

.case ul li p { font-size:20px; margin-bottom:0;}

.case ul li b { margin-top:15px;}

.case ul li { margin-bottom:30px;}

.case { padding:60px 0 60px 0;}

.con_war .rcon h2 { font-size:40px;}

.con_lconlx h2 { font-size:40px; margin-bottom:20px; margin-top:0;}

.con_war .lcon { width:50%;}

.map { margin-left:50%;}

.con_us li { margin-bottom:20px;}

.con_us li p { font-size:16px;}

.con_us li a { font-size:18px;}



 .pro_nav h3{ padding: 15px; }

 .pro_nav h3 a{ padding: 12px; position: absolute; top: 0; left: 0; display: block; color: #fff; width: 100%; height: 100%; text-align: right; }

 .pro_nav h3:after, .last_pro h3:after, .con_li h3:after{ display: none; }

 .accordion .links{ padding: 15px 30px 15px 22px; }

 .accordion li .links.active{ }

 .accordion li .links{}

 .accordion { display:none;}

 .p_lcon { width:100%;}

 .p_rcon { width:100%; margin-left:0; padding-left: 0; float: left;}

 .l_fixed { display:none;}

 .pro_del .lcon { width:100%;}

 .pro_del .lcon .hot { display:none;}

 .pro_del .rcon { padding-left:0; width:100%; margin-top:25px;}

 .del_block { margin-top:0;}

 .pro_nav { margin-bottom:25px;}

 

}



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

.con_war .rcon { margin-top:0;}

.con_war .rcon h2 { font-size:36px;}

.con_info button { margin-top:15px;}

.con_lconlx h2 { font-size:36px;}

.con_us li a b { font-size:24px;}

.con_lconlx { padding-right:20px;}

.con_us li span { font-size:18px;}

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

.con_war { padding:50px 0 30px 0;}

footer { padding-top:10px;}

.f_nav { padding-top:28px;}

.f_mess { left:3%;}

.f_nav { margin-left:50%;}

.f_nav .media { margin-top:0;}

.news { padding:50px 0;}

.news_item .lcon { width:45%;}

.news_item .rcon { width:55%;}

.new ul li b { margin-top:15px;}

.home_boxtit { font-size:36px;}

.ab_com .top .home_boxtit { padding:0;}

.ab_com .center .left { margin-top:50px;}

.ab_com .center .right { margin-top:50px; }

.ab_com .center .left ul li i { width:60px; height:60px; line-height:60px; font-size:30px;}

.ab_com .center .left ul li { padding-left:70px;}

.ab_com .center .left { padding-right:20px;}

.ab_com .center .right { padding-left:20px; }

.ab_com .center .left ul li h2 { font-size:16px;}

.ab_com .center .left ul li { margin-bottom:40px;}

.ab_com .center .right ul li i {width:60px; height:60px; line-height:60px; font-size:30px;}

.ab_com .center .right ul li { padding-right:70px;}

.ab_com .center .right ul li h2 { font-size:16px;}

.ab_com .center .right ul li { margin-bottom:40px;}



.in_ab .center .left ul li i {width:60px; height:60px; line-height:60px; font-size:30px;}

.in_ab .center .left ul li { padding-left:70px;}

.in_ab .center .left ul li h2 { font-size:16px;}

.in_ab .center .right ul li i {width:60px; height:60px; line-height:60px; font-size:30px;}

.in_ab .center .right ul li { padding-right:70px;}

.in_ab .center .right ul li h2 { font-size:16px; line-height:22px;}

.in_ab { padding:70px 0 0 0;}

.home_boxtit { font-size:32px;}

.in_pact .lcon { width:100%;}

.in_pact .rcon { width:100%; position:relative;}

.in_pacul li .txt { margin-top:-60%;}

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

.in_xw_2 .center { width:100%; margin-top:15px;}

.ab_com { padding:40px 0 40px 0;}

.ab_honor { background:url(images/honor_bg1.png) no-repeat top;}

.ab_honor { padding:20px 0 60px 0;}

	

}



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

.in_pro { margin-top:40px;}

.in_pro .cp ul li:nth-child(1) { width:100%; padding-right:0;}

.in_pro .cp ul li:nth-child(1) h1 { height:45px; line-height:45px; font-size:32px;}

.in_pro .cp ul li:nth-child(1) b { margin-top:25px; margin-bottom:30px;}

.in_pro .cp ul li { width:48%; margin-left:1%; margin-right:1%;}

.in_pro .cp ul li:nth-child(1) h1 { font-size:30px;}

.home_boxtit { font-size:30px;}

.in_ab .center .left { width:100%;}

.in_ab .center .center { width:100%; margin-top:0;}

.in_ab .center .right { width:100%; margin-top:50px;}

.in_pact:before { top:0;}

.in_pacttxt li p { font-size:18px; line-height:40px;}

.in_pacul li .txt h2 { font-size:28px;}

.in_pacul li .txt { margin-top:-65%;}

.f_mess  { width:94%; position:relative;}

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

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

.pro_list li { width:48%; margin-left:1%; margin-right:1%;}

.ab_com .center .left { width:100%; margin-top:20px;}

.ab_com .center .center { width:100%; margin-top:0;}

.ab_com .center .right { width:100%;}

.ab_honor { padding:0 0 40px 0;}

.new ul li p { font-size:20px; margin-top:10px; margin-bottom:5px;}

.news_item .rcon { padding:20px 20px 0 20px;}

.news_item .rcon h3 { font-size:18px;}

.news_item .rcon p { line-height:24px; height:48px;}

.news_item .rcon span { margin-top:5px;}

.case ul li p { font-size:18px; margin-top:10px;}

.case { padding:50px 0 50px 0;}

.con_war .rcon h2 { font-size:30px;}

.con_war .lcon { width:100%;}

.con_lconlx h2 { font-size:30px; margin-bottom:5px;}

.con_us li a b { font-size:22px;}

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

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

.pro_gdbox .prolcon { width:100%;}

.pro_gdbox .prorcon { width:100%; padding:20px 0 0 0;}

.pro_desc { margin-top:10px;}

.pro_desc p { height:auto;}

.pro_xq ul li a { font-size:20px;}

.del_item h4 { font-size:22px;}

.infocon h1 { font-size:26px;}

.pt65 { padding-top:30px;}

.in_propaging .slick-arrow{  left: 20px; }
.in_propaging .slick-arrow.slick_prev1{ right: 20px; }



}



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

.in_pro { margin-top:30px;}

.in_pro .cp ul li .txt { padding:10px;}

.in_ab { padding:50px 0 0 0;}

.home_boxtit { font-size:28px;}

.in_ab .center .left { margin-top:50px;}

.in_ab .center .left ul li { margin-bottom:30px;}

.in_ab .center .right ul li { margin-bottom:30px;}

.in_pact .lcon .home_boxtit { line-height:50px;}

.in_pacul li .txt { padding:20px 40px;}

.in_xw_2 .home_boxtit { margin-bottom:10px;}

.in_xw { padding-bottom:40px;}

.f_mtit h3 { font-size:26px;}

.f_nav h4 { font-size:26px; margin-bottom:10px;}

.pro_nav h3, .con_li h3 { font-size:24px;}

.pr_txt { padding:20px 10px;}

.pro_list li { margin-bottom:15px;}

.prorcon h2 { font-size:22px;}

.new ul li { width:100%;}

.news_item .lcon { width:100%;}

.news_item .rcon { padding:20px 20px 20px 20px; width:100%;}

.news { padding:40px 0;}

.case ul li { width:100%;}

.case { padding:40px 0 40px 0;}

.con_lconlx h2 { font-size:26px;}

.con_war .rcon h2 { font-size:26px;}

.con_war { padding:40px 0 20px 0;}

.footmenu { display:block;}

.copyright { padding-bottom:100px;}

.infocon h1 { font-size:24px;}



}

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

.in_pacul li .txt h2 { font-size:24px;}

.in_pacul li .txt p { margin-top:10px;}

.in_pacul li .txt span { margin-top:25px;}

.f_nav h4 { font-size:24px;}

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

.infocon h1 { font-size:20px;}









}

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





}