html{font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{font-family: 'Open Sans', Arial, Verdana, Helvetica;font-size: 16px;line-height: 30px;color: #333;background-color: #fff;margin: 0;}
a{background: transparent;}
a:active,a:hover{outline: 0;}
abbr[title]{border-bottom: 1px dotted;}
b,strong{font-weight: bold;}
dfn{font-style: italic;}
h1{margin: .67em 0;font-size: 2em;}
mark{color: #000;background: #ff0;}
small{font-size: 80%;}
sub,sup{position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup{top: -.5em;}
sub{bottom: -.25em;}
img{border: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 1em 40px;}
hr{height: 0;-moz-box-sizing: content-box;box-sizing: content-box;}
pre{overflow: auto;}
code,kbd,pre,samp{font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea{margin: 0;font: inherit;color: inherit;}
button{overflow: visible;}
button,select{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;}
input,textarea{ border-radius:0;appearance:none;}
button[disabled],html input[disabled]{cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding: 0;border: 0;}
input{line-height: normal;}
input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
fieldset{padding: .35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0;}
legend{padding: 0;border: 0;}
textarea{overflow: auto;}
optgroup{font-weight: bold;}
@media print{*{color: #000 !important;text-shadow: none !important;background: transparent !important;box-shadow: none !important;}
    a,a:visited{text-decoration: underline;}
    a[href]:after{content: " (" attr(href) ")";}
    abbr[title]:after{content: " (" attr(title) ")";}
    a[href^="javascript:"]:after,a[href^="#"]:after{content: "";}
    pre,blockquote{border: 1px solid #999;page-break-inside: avoid;}
    thead{display: table-header-group;}
    tr,img{page-break-inside: avoid;}
    img{max-width: 100% !important;}
    p,h2,h3{orphans: 3;widows: 3;}
    h2,h3{page-break-after: avoid;}
    select{background: #fff !important;}
    li{ list-style:none;}
    a {text-decoration:none;}
    .navbar{display: none;}
    .table td,.table th{background-color: #fff !important;}
    .btn > .caret,.dropup > .btn > .caret{border-top-color: #000 !important;}
    .label{border: 1px solid #000;}
    .table{border-collapse: collapse !important;}
    .table-bordered th,.table-bordered td{border: 1px solid #ddd !important;}
}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{font-size: 62.5%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input,button,select,textarea{font-family: inherit;font-size: inherit;line-height: inherit;}
a{text-decoration: none; color: #198ede;}
a:hover{text-decoration: underline;}
a:focus{outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
figure{margin: 0;}
img{vertical-align: middle;}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img{display: block;max-width: 100%;height: auto;}
.img-rounded{border-radius: 6px;}
.img-thumbnail{display: inline-block;max-width: 100%;height: auto;padding: 4px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.img-circle{border-radius: 50%;}
hr{margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: inherit; line-height: 1.1;color: inherit;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight: normal;line-height: 1;color: #999;}
h1,.h1,h2,.h2,h3,.h3{margin-top: 20px;margin-bottom: 10px;}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size: 65%;}
h4,.h4,h5,.h5,h6,.h6{margin-top: 10px;margin-bottom: 10px;}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size: 75%;}
h1,.h1{font-size: 36px;}
h2,.h2{font-size: 30px; color: #333;}
h3,.h3{font-size: 24px;}
h4,.h4{font-size: 18px;}
h5,.h5{font-size: 14px;}
h6,.h6{font-size: 12px;}
ul ul,ol ul,ul ol,ol ol{margin: 0;}
p{margin: 0 0 10px;}
ul,ol{margin-top: 0;margin-bottom: 10px;padding: 0;list-style-type:none;}
.list-unstyled{padding-left: 0;list-style: none;}
.list-inline{padding-left: 0;margin-left: -5px;list-style: none;}
.list-inline > li{display: inline-block;padding-right: 5px;padding-left: 5px;}
dl{margin-top: 0;margin-bottom: 20px;}
dt,dd{line-height: 1.42857143;}
dt{font-weight: bold;}
dd{margin-left: 0;}
.container{width: 100%; max-width: 1190px; margin: 0 auto;}
/*.row{margin-right: -15px;margin-left: -15px;}*/
/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float: left;}
*/.col-md-12{width: 100%;}
.col-md-11{width: 91.66666667%;}
.col-md-10{width: 83.33333333%;}
.col-md-9{width: 75%;}
.col-md-8{width: 66.66666667%;float: left;}
.col-md-7{width: 58.33333333%;}
.col-md-6{width: 50%;}
.col-md-5{width: 41.66666667%;}
.col-md-4{width: 31.33333333%; margin: 0 1%; float: left;}
.col-md-3{width: 23.1%;margin: 0 0.9%;float: left;}
.col-md-2{width: 16.66666667%;}
.col-md-1{width: 8.33333333%;}
/*.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical > .btn-group:before,.btn-group-vertical > .btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{display: table;content: " ";}*/
.fix:after { content:"."; display:block; height:0px; visibility:hidden; clear:both; }
.fix{zoom:1; }
.clearfix::after{content:".";clear:both;height:0px;font-size:0px;overflow:hidden;width:100%;display: block;}
.m-show{display: none;}

.container-h{width: 100%; background: #fff;}
.header{background: #fff;/*padding: 25px 15px;*/overflow: hidden;width: 100%; max-width: 1200px;margin: 0 auto;background: #198ede;}
.portfolio-image:hover{border-bottom: 1px solid #198ede;  }
.caption p{margin: 0 0 20px 0;}
.caption p a.in-protittle{display: block;color: #504f50;font-weight: 700;font-size: 14px;text-transform: uppercase;float: left;width: 78%;}
.caption p a:hover{text-decoration: none;}
.caption p a.more1{font-style: italic;font-weight: bold;color: #198ede;}

.container-img{width: 100%;}
.container-img img{width: 100%;}

.about-l{ width: 50%;float: left;}
.about-l h2{color: #555;}

.about-1 img{float: right;}
.about-1 img,.about-2 img{width: 46%;}
.about-2 img{float: left;}

.about-r{ width: 50%;float: right;}
.about-r h2{color: #555;}
.about-1,.about-2,.about-3{padding: 50px 0;}
.about-2{background: #f1f1f1;}
.about-3 div div{ float: left; width: 21%;margin: 0 1.6%;text-align: center;border: 3px #198ede solid;padding-top: 20px; }
.about-3 div span{font-size: 38px; font-weight: 600; line-height: 50px;margin-bottom: 0;color: #555;}
.about-3 div img{position: relative;top: -8px;padding-left: 5px;}
.about-3 div p{ line-height: 26px;margin:0 0 20px;display: block;}
.banner_sub{/* background: #198ede; */position: absolute;min-height: 81px;border-bottom: 0px solid #EDEDED;width:100%;top:0;left: 0;z-index: 9;}
.pro_nav{margin:0 auto; padding:80px 0 20px;width: 100%;border-bottom: 6px solid #ededed;background: #ddd; overflow:hidden;}
.pro_nav div{width: 100%; max-width:1140px; clear:both; margin:0 auto; color:#999;}
.pro_nav i{font-size: 26px;font-weight: 700;margin: 45px 0 0 0;float: left; color:#666;}

.hot-product{margin-bottom: 5px;background: #f1f1f1;}
.hot-product span{float: left;width: 46%;margin: 2%;text-align: center;}
.hot-product p{line-height: 28px;background: #f2f2f2;display: block;}
.hot-product .hot-productH4{float: none; display: block;background: #198ede;width: 100%;margin: 0;}
.hot-product h4{text-align: left; display: block;line-height: 50px;background: #4d4d4d;color: #fff;font-size: 22px; margin-bottom: 0; padding-left: 45px;background: url(../images/hot.png) no-repeat 10px 12px;padding-top:6px;}

.c-n{margin-bottom: 30px;border-bottom: 2px solid #198ede;width: 100%;}
.c-n ul .f{background: #198ede;}
.c-n ul .f a{ color: #fff;}
.c-n ul li{ float: left;width: 20%;font-size: 16px;line-height: 46px;text-align: center;border-right: 2px solid #fff; }
.c-n ul li:hover{background: #198ede;}
.c-n ul li:hover a{color: #fff;text-decoration:none;}

.position{display: block;float: right;margin: 50px 20px 0 0;background: url(/images/home.png) left 3px no-repeat;padding-left: 30px;}
.position a{color: #666;}
.position a:hover{color: #198ede;text-decoration: none;}


.content{width: 100%;background: #fafafa;padding-bottom: 35px;overflow: hidden;}
.content_sub{width: 100%;padding-bottom: 35px;overflow: hidden; margin:20px 0 0 0; line-height:25px; color:#666;}
.content_sub p{ margin:30px 0 30px;}

.sub-info{width: 70%;margin: 0 auto;text-align: center;margin-top: 30px;}
.sub-info h3{margin: 0;font-size: 26px;font-weight: 700px;}
.com, .pro-list, .contact{margin-top: 35px;overflow: hidden;}
.com p{line-height: 25px;color: #666;margin-bottom: 20px;}
.enquiry{width: 70%; background: #eee; float: left;}
.enquiry p{ margin-left: 20px; color: #fe4a0f; font-size: 18px;}
.enquiry h2{font-weight: bold;font-size: 24px;margin: 0px 0 25px 0;text-align: center;padding: 16px 0;background: #198ede;color: #FFF;text-transform: uppercase;}
.enquiry .input-text,.enquiry select{border:#bbbbbb solid 1px;width: 100%;*width: 92%;height: 42px;background: #fff;font-family: Verdana, Arial, sans-serif;font-weight: 300;font-size: 12px;color: #888;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 5px 10px;margin: 0px auto 18px;clear: both;display: block;}
.enquiry .message{height: 150px;line-height: 24px;width:96%;}
.enquiry .submit{margin-left: 20px;display: inline-block;width: 260px;background: #198ede;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;text-align: center;line-height: 50px;font-weight: 600;color: #fff;font-size: 15px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;text-transform: none;margin-bottom: 30px;font-family: Verdana,Arial, Geneva, sans-serif;*border: none;border: 0;}
.enquiry .submit:hover{-webkit-box-shadow: 0 0px 0 0 #d8422a;-moz-box-shadow: 0 0px 0 0 #d8422a;box-shadow: 0 0px 0 0 #d8422a;}
.enquiry span.star{color: #fe4a0f;padding-left: 5px;}
.enquiry-w{width: 50%;float:left;overflow: hidden;padding: 0px 2%;}
.enquiry strong{font-size: 16px;color: #1a1a1a;line-height: 36px; padding-left:2%;}
.categories{width: 100%;overflow: hidden;}
.categories span{display: block;float: left;background: #198ede;color: #fff;font-size: 16px;padding: 27px 15px;text-align: center;margin-right: 4px;text-transform: uppercase; width:140px;}
.categories ul{overflow: hidden;margin: 0;padding: 0;}
.categories ul li{float: left;list-style: none;margin-right: 4px;margin-bottom: 4px; min-height:47px; height:54px;}
.categories ul li a{background: #eee;display: inline-block;color: #444;padding: 12px 20px;text-transform: capitalize;}
.categories ul li a:hover{background: #198ede;color: #fff;text-decoration: none;}
.prolist li{width: 23%;float: left;margin-left: 1.8%;list-style: none; height:300px;}
.prolist{margin: 0;padding: 0;margin-left: -2%; float:left; clear:both; width:100%;}
.caption p a.in-protittle1{display: block;color: #504f50;font-weight: 700;font-size: 14px; float: left;width: 68%;}
.con-l{width: 40%;float: left;}
.con-l h3, .con-2 h3{font-size: 24px;font-weight: bold;}
.contact p{line-height: 25px;color: #555;margin-bottom: 15px;}
.con-l span{display: block;margin: 20px 0;font-size: 16px;padding-top: 3px;padding-bottom: 6px;}
.add{background: url(/images/add.jpg) left 3px no-repeat;padding-left: 42px;}
.email{background: url(/images/email.jpg) left 3px no-repeat;padding-left: 42px;}
.tel{background: url(/images/tel.jpg) left 0px no-repeat;padding-left: 42px;}
.con-r{float: right;margin-top: 20px;}
.contact{margin-bottom: 30px;}
.demo{width: 100%;}
.menu_head{padding-left: 15px;height: 50px;line-height: 50px;font-size: 16px;cursor: pointer;position: relative;margin-bottom: 1px;background: #797979;color: #FFF; }
.menu_list .current {background: #198ede;color: #FFF; }
.menu_list .current a{background: #198ede;color: #FFF; }

.menu_body{display: none;}
.menu_body ul{ margin:0px; padding:0px;}
.menu_body ul li{background: #f2f2f0;border-bottom: 1px solid #FFF;line-height: 16px;padding: 8px 10px 8px 20px;}
.menu_body a{ color: #666;}
.menu_body a:hover{color: #ea3c00;text-decoration: underline;}

.sub-left{width: 24.5%;float: left;margin-top: 35px;overflow: hidden;}
.sub-right{width: 100%;float: right;margin-top: 35px;overflow: hidden;}
.single{border-bottom: 1px solid #f3f2f2;padding-bottom: 25px;}
.pro-top{overflow: hidden;width: 100%;margin-bottom: 25px;}
.pro-top h1{font: 38px Arial;font-weight: bold;color: #198ede;margin-bottom: 15px;}
.pic{float: right;margin-left: 30px;width: 460px; height: 340px;}
.pro-top p{line-height: 34px;color: #666;font-size: 16px;}
.pro-top .phone{font-size:16px;color:#0061CB;background:url(/images/cp-tel.png) left center no-repeat;background-size: 20px;padding-left: 20px;margin: 15px 0;}
.pro-top .phone span{margin:0 10px;}
.pdf{/*width:200px;*/font-size: 16px;display: block;padding:0 0 0 30px; margin:0 0 0 0; color: #0061CB;background: url(/images/pdf.png) left center no-repeat; text-decoration: underline; cursor:pointer; }
.eemm{ /*width:200px;*/font-size: 16px;display: block; padding:0 0 0 30px; margin:15px 0 0 0 ; color: #0061CB;background: url(/images/doll.png) left center no-repeat; text-decoration: underline; cursor:pointer;}
.pdfcontent{ margin:10px 0 0 25px;display:none;}
.pdfcontent p{ color:#198ede; }
.pdfcontent input[type="submit"]{ background-color:#e34735; color:#FFF; padding: 2px 10px 2px 10px; background: #e34735; border: 1px solid #df4432; color: #fff; text-shadow: 0 0px 0px #d4281c;}

.eemmcontent{ margin:10px 0 0 3%; border:#000 solid 0px; float:left; clear:both; width:97%; display:none; }
.eemmcontent  p{ color:#198ede; }
.eemmcontent ul{ width:100%; float:left; clear:both; margin:0px; padding:0px; }
.eemmcontent ul li{ float:left; list-style:none; width:48%; margin:5px 1% 5px;}
.eemmcontent ul li strong{line-height: 28px;font-size: 16px;}
.eemmcontent ul li   input[type=text]{ display:block; width:100%; float:left;border: #bbbbbb solid 1px; color: #888; box-sizing: border-box; text-indent:3px;height: 38px;}
.divcontent{ float:left; width:100%; margin:10px 0 0 1%; }
.eemmcontent .divcontent textarea{  width:98%; float:left;border: #bbbbbb solid 1px; color: #888; box-sizing: border-box; text-indent:3px;}
.eemmcontent   .btn1{ background-color: #e34735; color: #FFF; padding: 2px 10px 2px 10px; background: #e34735; border: 1px solid #df4432; color: #fff; text-shadow: 0 0px 0px #d4281c; }
.eemmcontent .divsubmit{ border:#003 solid 0px; margin:15px 0 0 1% ; float:left;  clear:both; width:100px;  }


.pdf2{margin:15px 0 0 0;font-size: 16px;display: block;padding: 0 0 0 30px;color: #0061CB;background: url(/images/pdf.png) left top no-repeat;cursor: pointer;text-decoration:underline;}
.pdf2 span{ text-decoration:underline; }

.pdfcontent2{ margin:10px 0 0 25px;display:none; float:left; width:100%; clear:both}
.pdfcontent2 p{ color:#198ede; }
.pdfcontent2 input[type="submit"]{ background-color:#e34735; color:#FFF; padding: 2px 10px 2px 10px; background: #e34735; border: 1px solid #df4432; color: #fff; text-shadow: 0 0px 0px #d4281c;}

.pdf,.emm,.pdf2{line-height: 30px;}

.xg_case { width: 100%;}
.xg_case li { list-style:none; width: 22.3%; float: left; text-align: center; margin-right:2.5%; }
.xg_case li img { height:auto; width:100%;} /*ldadd width*/
.xg_case li a { line-height: 38px;}
.xg_case h3{ font-size:22px; margin:20px 0 20px 0; font-weight:bold;}


.pro-in p{ margin: 25px 0;}
.pro-in h3{clear: both;font-size: 22px;color: #373636;font-weight: bold;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px dashed #ccc; margin:30px 0 10px 0;}
.techtit{clear: both;font-size: 22px;color: #373636;font-weight: bold;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px dashed #ccc;}
.data{ margin:10px 0 20px 0; clear:both;}

.get{background: #eee;padding: 20px 20px 25px 25px;margin-bottom: 25px; width:100%; float:left; clear:both;}
.get span{margin-right: 44px;/*margin-bottom: 10px;*/ display:block; float:left;color: #fc4529;font-size: 20px;}
.get .rr{ float:left; width:350px;font-size: 16px;}
.get .rr em{display: block;font-style: normal;width: 48%; float:left;text-align: center;background: #fa9607;line-height: 52px;}
.get .rr em a{color: #fff;}
.get .rr em a i{padding-left: 24px;background: url(/images/email-2.png) 0 1px no-repeat;}
.get .rr .ae{float: right;padding: -10px 15px 0 0;display: block;width: 48%;background: #FC4529;color: #FFF;text-align: center;line-height: 52px;}
.get .rr .ae i{padding-left: 24px;background: url(/images/enquiry.png) 0 1px no-repeat;}

.banner{width: 100%;/*height: 560px;*//*background: black;*//*子绝父相*/position: relative;/*超出部分全部隐藏，解决横向滚动条*/overflow: hidden;}
.banner ul{position: absolute;}
.banner ul li{/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/width: 100%;height: 560px;float: left;background: no-repeat center center;background-size: 100%;}

.banner ol{/*width: 60px;*/height: 20px;background: rgba(0,0,0,0.5);position: absolute;left:50%;/*margin-left: -40px;*/bottom: 30px;padding: 0 10px;border-radius: 10px;}
.banner ol li{width: 10px;height: 10px;float: left;margin: 5px 5px;background: rgba(255,255,255,0.5);border-radius: 50%;cursor: pointer;}
.banner ol .current{background: rgba(255,255,255,1);}
.banner i{width: 58px;height: 120px;position: absolute;top: 50%;margin-top: -60px;cursor: pointer;border-radius: 5px;display: none;}
.banner .left{left: 60px;background: url('../images/left_right.png') no-repeat 0 0px;}
.banner .right{right: 60px;background: url('../images/left_right.png') no-repeat 0px -120px;}
.banner .left:hover , .banner .right:hover{background-color: rgba(0, 0, 0, 0.31);}


.logo{float: left;width: 300px;background: #198ede;height: 80px;text-align: center;}
.logo img{  border:0px; margin-top: 15px;}
.navigation{float: right;background: #198ede;}
.navigation span{display: none;}
.navigation ul{margin: 0;padding: 0;float: right;}
.navigation ul li{padding: 0 30px; float:left;height: 80px;}
.navigation ul li a{color: #fff;/*text-decoration: none;*/font-weight: 600;font-size: 16px;display: block;line-height: 77px;}
.navigation ul li:hover{background: #fff;transition: .5s all;-webkit-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;-moz-transition: .5s all;}
.navigation ul li:hover a{text-decoration: none; color: #198ede;}
.banner-info{padding: 40px;font-size: 42px;font-weight: bold;color: #FFF;width: 40%;text-transform: uppercase;position: absolute;top: 51%;left: 25%;background: rgba(0, 0, 0, 0.4);}

.cr{ background: #fff;}
.navigation ul .cr a{ color: #198ede;}
#hcover{ background: #198ede; color: #fff; text-decoration: none;}

.portfolio{padding: 35px 0;border-top: 1px solid #e8e8e8;   width:100%; }
.portfolio2{ background-color: #fff;}
.portfolio-image{border: 1px solid #e8e8e8;margin-top: 25px; width:100%;}
.portfolio-info{ clear:both;}
.portfolio-info h2{margin: 10px 0 20px 0; text-align: center;font-size: 35px;font-weight: 600;color: #333;}
.portfolio-info p,.portfolio-info1 p{margin: 12px auto 0px auto;font-size: 16px;text-align: center;color: #a8a8a8;width: 86%;}
.portfolio-info1 p{margin-bottom: 16px;color: #666;}
.port-img img{width: 265px;}
.port-img{text-align: center;}
.caption{padding: 15px 8px;background: #ffffff;}
span.right{color: #a8a8a8;padding-left: 146px;font-size: 14px;}
span.left{padding-left: 169px;color: #a8a8a8;font-size: 14px;}
.desc{position: absolute;top: 47%;left: 30%;display: none;}
.services{padding: 60px 0;background: #198ede; overflow:hidden;}


.service-info{ width:100%; float:left; clear:both; margin:15px 0; padding:0px;}


.service-info h2{margin: 0;text-align: center;font-size: 35px;font-weight: 600;color: #fff;}
.service-info p{margin: 18px auto 18px auto;font-size: 14px;text-align: center;color: #fff;width: 100%;}
.service-image{border: 1px solid #e8e8e8;padding: 20px;background: #198ede;}

.ser-info h2{margin: 0;text-align: center;font-size: 28px;padding: 30px 0 0;font-weight: 500;color: #fff;}
.ser-info p{margin: 0;font-size: 14px;padding-top: 15px;color: #fff;text-align: center;height: 65px;overflow: hidden;}
.service-image:hover{transition: .5s all;-webkit-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;-moz-transition: .5s all;}
.service-image:hover .more{ margin: 18px auto 0;color: #fff;}
.service-image:hover div.strip{ opacity: 0;filter: alpha(opacity=0); }
.service-image:hover div.ser-info h2{ opacity: 0;filter: alpha(opacity=0); }
.service-image:hover div.ser-info p{ opacity: 0;filter: alpha(opacity=0); }
.service-image1:hover{background: url(/images/index-1.jpg);}
.service-image2:hover{background: url(/images/index-2.jpg);}
.service-image3:hover{background: url(/images/index-3.jpg);}
.service-image4:hover{background: url(/images/index-4.jpg);}

.strip{width: 100;text-align: center;margin-top: 25px;}
.camera{ width: 40px;height: 20px;display: block;margin: 0 auto;/* background: url(/images/index-b2.png);*/}
.paint{ width: 40px;height: 20px;display: block;margin: 0 auto;}
.video{ width: 40px;height: 20px;display: block;margin: 0 auto;}
.web-design{ width: 40px;height: 20px;display: block;margin: 0 auto;}
.more{margin: 18px auto 0;display: block;width: 120px;height: 40px;line-height: 40px;background-color: #198ede;color: #fff;border-radius: 3px;text-align: center;}
.contact-us{padding: 40px 0;background: #fafafa;border-bottom: 1px solid #e8e8e8;}
.contact-info h2{margin: 0;text-align: center;font-size: 25px;font-weight: 600;color: #504f50;}
.contact-info p{margin: 18px auto 38px auto;font-size: 14px;text-align: center;color: #a8a8a8;width: 46%;}
.contact-left h2{margin: 0;font-size: 22px;font-weight: 600;color: #504f50;padding-bottom: 10px;}
.contact-left p{margin: 0;font-size: 14px;padding: 18px 0;color: #a8a8a8;}
.contact-left h3{margin: 0;padding-bottom: 12px;font-size: 22px;font-weight: 600;color: #504f50;}
.contact-left ul{padding: 0;margin: 0;}
.contact-left ul li{list-style-type: none;display: block;color: #a8a8a8;font-size: 14px;line-height: 1.8em;}
.contact-right input[type="text"]{width: 46%;color: #c9c9c9;margin: 0 19px 30px 0;padding: 10px;outline: none;border: 1px solid #e8e8e8;}
.contact-right textarea{width: 96%;color: #c9c9c9;resize: none;height: 42px;padding: 10px;margin-bottom: 25px;outline: none;border: 1px solid #e8e8e8;}
textarea.text{height: 120px;}
.contact-right input[type=submit]{color: white;padding: 13px 43px;font-size: 16px;outline: none;cursor: pointer;margin-left: 23em;background: #39c9da;font-weight: 700;border-radius: 4px;border: none;}
.contact-right input[type=submit]:hover{background: #4b4a4b;color: #ffffff;transition: .5s all;-webkit-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;-moz-transition: .5s all;}

.footer ul{ width: 750px; margin: 0 auto;}
.footer{background: #161616;clear: both;}
.footer-nav{width: 100%;border-bottom: 1px #666 solid}
.footer li{float: left;}
.footer li a{color: #ccc;padding: 0 25px; line-height: 60px;font-size: 16px;}
.footer li a:hover{color: #fff;text-decoration: none;}
.footer p{color: #999;font-size: 14px;float: left;line-height: 38px;margin: 0;}
.footer span{padding-left: 26px;background: url(/images/email-2.png) 0 11px no-repeat;color: #ffffff;font-size: 14px;float: right;line-height: 38px;}
.footer p a:hover{color: #4b4a4b;text-decoration: none;}
#toTop{display: none;text-decoration: none;position: fixed;bottom: 0px;right: 0%;overflow: hidden;z-index: 999;width: 32px;height: 32px;border: none;text-indent: 100%;}
#toTopHover{width: 32px;height: 32px;display: block;overflow: hidden;float: right;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);filter: "alpha(opacity=0)";}

.page_cc_da{   overflow:hidden; clear:both;}
.pages{color: #999;border: #000000 solid 0px;margin:20px;padding: 5px;}
.pages a, .pages .cpb{text-decoration: none;padding: 5px 10px;border: 1px solid #d8d8d8;background: #ffff;margin: 0 2px;font-size: 11px;color: #000;margin: 5px;}
.pages a:hover{background-color: #fea525;color: #fff;border: 1px solid #fea525;text-decoration: none;}
.pages .cpb{font-weight: bold;color: #fff;background: #fea525;border: 1px solid #fea525;padding: 5px 10px;}
.rnddadiv{width: 100%;margin: 0 auto;clear: both;}
.rnddadiv ul{list-style: none;}
.rnddadiv ul li{list-style: none;}
.rnddadiv h1{font-size: 20px;padding: 0px;margin: 20px 0 20px 0;clear: both;float: left;width: 100%;}
.rnddadiv h3{font-size: 18px;padding: 0px;margin: 10px 0 10px 0;clear: both;float: left;width: 100%;}
#rndtit{background-color: #198ede;line-height: 30px;text-indent: 5px;}
.rnddadiv .proxg{width: 1000px;clear: both;float: left;}
.rnddadiv .proxg ul{width: 1000px;clear: both;float: left;margin: 10px 0 0 0;padding: 0px;}
.rnddadiv .proxg ul li{list-style: none;float: left;width: 165px;}
.rnddadiv .proxg ul li a{clear: both;display: block;text-align: center;margin: 0 5px 5px 5px;}
.rnddadiv .proxg ul li img{width: 154px;}
.rndprolist{background-color: #efefef;width: 100%;clear: both;float: left;margin: 20px 0 0 0;border: solid 1px #d7d7d7;padding: 15px 0 10px 0;}
.rndprolist ul{width: 100%;float: left;padding: 0px 0 0 15px;}
.rndprolist ul li{float: left;width: 15%;text-align: center;margin: 5px 05px 10px 5px;line-height: 30px;background-color: #198ede;height: 150px;}
.rndprolist ul li img{width: 100%;float: left;clear: both;}
.rndprolist ul li a{c clear: both;text-align: center;display: block;background-color: #198ede;color: #ffffff;}
.rndcontent{float: left;clear: both;width: 100%;}
.rndcontent p{margin: 15px 0 15px 0;line-height: 22px;}
.rndcontent img{width: 280px;float: left;margin: 0 20px 0 0;}
.rndcontent h3{float: left;clear: both;margin: 20px 0 20px 0;width: 100%;}
.rndcontent h4{float: left;clear: both;margin: 20px 0 20px 0;width: 100%;}
.lvv{margin: 10px 0 0 0;float: left;clear: both;width: 100%;}
.lvv .inp{width: 290px;height: 30px;}
.lvv .mg{width: 500px;}
.lvv .bt{width: 280px;height: 35px;}
.lvt{background: #198ede;margin: 15px 0 0 0;float: left;width: 100%;}
.lvt span{color: #FFFFFF;font-weight: bold;}
#lvl{border: #000000 solid 0px;float: left;width: 50%;}
#lvl .inp{border: efefef solid 1px;width: 90%;}
#lvl span{width: 30%;display: block;margin: 10px 0 2px 0;}
#lvr{border: #000000 solid 0px;float: left;width: 50%;padding: 0px;}
#lvr .inp{border: efefef solid 1px;width: 90%;}
#lvr span{width: 20%;display: block;margin: 10px 0 2px 0;}
#lvr .mg{width: 90%;height: 220px;}
#lvr .bt{margin: 10px 0 0 0;width: 90%;}
.keylist{border: #000000 solid 0px;width: 100%;margin: 0 0 20px 0;clear: both;float: left;}
.keylist ul{margin: 0px;padding: 0px;}
.keylist ul li{width: 100%;float: left;line-height: 22px;list-style: inside;}
.keylist a{color: #777777;}

.defnews{border: #000000 solid 0px;width: 100%; max-width: 1190px;clear: both;margin: 0 auto; overflow:hidden;}
.blog-snippet-1{background: #f0f0f0;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;margin-bottom: 30px;overflow: hidden;position: relative;}
.blog-snippet-1 h5 {color: #fff;font-size: 18px;font-weight: 400;height: 72px;background: #198ede;margin: 0;line-height: 28px;padding:10px 0 10px 20px;overflow: hidden;}
.blog-snippet-1 h5 .atitle {color: #fff;font-size: 18px;font-weight: 400;}

.blog-snippet-1 p {margin: 20px 20px 10px;height: 52px;overflow: hidden;color: #777;}
.text-link {display: block; margin: 0 0 20px 20px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;color: #198ede;}
/*.text-link:hover{color: #fc4529;}*/
.defnews h3{ margin-top:0; text-align: center; font-size: 30px; font-weight: 600; color: #333; font-family: inherit;}

#small-dialog, #small-dialog1, #small-dialog2, #small-dialog3, #small-dialog4, #small-dialog5, #small-dialog6, #small-dialog7, #small-dialog8, #small-dialog9{background: #f4f4f4;padding: 36px 12px 12px 12px;max-width: 500px;margin: 20px auto;position: relative;text-align: center;}
.my-mfp-zoom-in #small-dialog{opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
.my-mfp-zoom-in.mfp-ready #small-dialog{opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.my-mfp-zoom-in.mfp-removing #small-dialog{-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);opacity: 0;filter: alpha(opacity=0);}
.my-mfp-zoom-in.mfp-bg{opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity: 0.8;filter: alpha(opacity=80);}
.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity: 0;filter: alpha(opacity=0);}
* Magnific Popup CSS */.mfp-bg{top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8;filter: alpha(opacity=80);}
.mfp-wrap{top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden;}
.mfp-container{text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mfp-container:before{content: '';display: inline-block;height: 100%;vertical-align: middle;}
.mfp-align-top .mfp-container:before{display: none;}
.mfp-content{position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width: 100%;cursor: auto;}
.mfp-ajax-cur{cursor: progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;}
.mfp-zoom{cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.mfp-auto-cursor .mfp-content{cursor: auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.mfp-loading.mfp-figure{display: none;}
.mfp-hide{display: none !important;}
.mfp-content iframe{width: 100%;min-height: 500px;}
.mfp-preloader{color: #cccccc;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044;}
.mfp-preloader a{color: #cccccc;}
.mfp-preloader a:hover{color: white;}
.mfp-s-ready .mfp-preloader{display: none;}
.mfp-s-error .mfp-content{display: none;}
button.mfp-close,button.mfp-arrow{overflow: visible;cursor: pointer;border: 0;background: #FFF;-webkit-appearance: none;display: block;padding: 0;z-index: 1046;}
button::-moz-focus-inner{padding: 0;border: 0;}
.mfp-close{width: 6%;height: 34px;line-height: 44px;position: absolute;right: 0px;top: 0px;text-decoration: none;text-align: center;padding: 0 0 18px 10px;color: white;font-style: normal;font-size: 28px;outline: none;font-family: 'Open Sans', sans-serif;}
.mfp-close:hover, .mfp-close:focus{opacity: 1;filter: "alpha(opacity=100)";}
.mfp-close-btn-in .mfp-close{background: #f4f4f4;color: #39c9da;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color: white;right: -6px;text-align: right;padding-right: 6px;width: 100%;}
.image-top img{width: 100%;}
.image-top p{text-align: justify;padding: 2% 0;color: #a8a8a8;}
.mfp-close-btn-in .mfp-close{color: #000;}


/*lcadd news list*/
.NewsRight{width: 72%;float: right;margin-top: 35px;overflow: hidden; line-height:26px;}
.pro-tit { height: 38px; border-bottom: 5px solid #eee; margin-bottom: 20px; overflow: hidden;}
.pro-tit b { float: left; color: #444; font-size: 26px; font-weight: normal;}
.location { float: right;}
.location span.home2 { padding-left: 20px; line-height: 38px;}
.location span.dangqian { color: #da251c; font-weight: bold;}
/*newslist*/
.newslist{ margin-bottom:40px; overflow:hidden;}
.newslist .text a{font-size: 20px;}
.newslist ul{ overflow:hidden; float:left; margin:0px; padding:0px;}
.newslist ul li{ margin-bottom:30px; list-style:none; border-bottom: 1px #ddd dashed;padding-bottom: 20px;}
.newslist ul li p{ width:98%; clear:both; color:#555;}
.news-imgBox{float: left;}
.news-imgBox img{width: 100%;}
.newslist ul li .texe{float: left;}
.newslist ul li .newslistrcc{width: 100%;}
.prenext ul li{margin-bottom: 10px; line-height: 38px;}
.newslist .text span{ display: block; color: #999;font-size: 14px;margin: 10px 0;}

.newsshow{ margin-bottom:40px; overflow:hidden;}
.newsshow img{ margin:20px 0 20px 0;}
.news_show_addtime{ text-align:left; margin:20px 0 10px 0;}
.newsshowEmail{ display: block; text-align: right; color: #666;margin-top: 30px;}
.newsshowEmail:hover{color: #198ede;}
.newsshow h1{ font-size:30px; text-align:center;}
.newsshow h3{ font-size:18px; margin:20px 0 20px 0;}
.newsshow h4{ font-size:14px; margin:10px 0 10px 0;}.newsshow p{ margin: 25px 0 25px 0;}
/*.newsshow a{ color:#ff7701;}
.newsshow a:hover{ text-decoration:underline;}
*/

.location span .show{  }

.newsSendMessage { background-color: #f0f0f0; float:left; border: #eeeeee solid 1px; width: 100%; margin: 10px 0 20px 0; color:#fe4a0f;line-height: 38px;}
.newsSendMessage a{ cursor:pointer; font-size:14px;line-height: 38px;width: 170px;text-align: center; background: #198ede;color: #fff;height: 38px; margin: 10px auto;display: block;}
.newsSendMessage a span{background: url(/images/massage.png) no-repeat 12px center;display: block;padding-left: 28px;width: 165px;margin: 0 auto;}
.newsSendMessage strong{color: #333;}
.newsSendMessage .news_send_title{ float:left; clear:both; border:#000 solid 0px; width:100%; padding: 10px;text-align: center;;}

.newsshowDiv{ margin:10px 0 0 3%; border:#000 solid 0px; float:left; clear:both; width:97%; display:none; }
.newsshowDiv  p{ color:#198ede; }
.newsshowDiv ul{ width:100%; float:left; clear:both; margin:0px; padding:0px; }
.newsshowDiv ul li{ float:left; list-style:none; width:48%; margin:5px 1% 5px;}
.newsshowDiv ul li   input[type=text]{ display:block; width:100%; float:left;border: #bbbbbb solid 1px; color: #888; box-sizing: border-box; text-indent:3px;height: 38px;}
.newsshowDiv{ float:left; width:100%; margin:10px 0 0 0; }
.newsshowDiv .divcontent textarea{  width:98%; float:left;border: #bbbbbb solid 1px; color: #888; box-sizing: border-box; text-indent:3px;}
.newsshowDiv   .btn1{ background-color: #198ede; color: #FFF; padding: 2px 10px 2px 10px; background: #198ede; border: none; color: #fff; text-shadow: 0 0px 0px #d4281c;}
.newsshowDiv .divsubmit{ border:#003 solid 0px; margin:15px 0 0 0 ; float:left;  clear:both; width:100px;  }
.nav_img { display:none;}


.defprocenter{ border:#000 solid 0px; width:100%; margin:20px 0 0 0; }
.defprocenter ul{ width:100%; clear:both;}
.defprocenter ul li { width:23.1%; float:left; margin:0px;list-style:none;margin: 1% 0.9%;}
.defprocenter ul li a{ color: #fff; }
.defprocenter ul li a img{ width:100%;}
    .defprocenter ul li p {
        display: block;
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 44px;
        height: 44px;
        text-align: center;
        background: #198ede;
        margin: 0;
    }
/*.defprocenter ul li:hover p{background: #27BEBE;}*/
.defprocenter ul li:hover p a{color: #fff;}
.defprocenter ul li:hover {opacity: 0.8;filter: "alpha(opacity=80)";}

/*2016-11-12 lcadd*/
#gotoTop2{width:45px;height:45px;display:block;cursor:pointer;text-indent:-999em;background:url(/images/his-totop.gif) no-repeat -51px 0;position:fixed;right:120px;bottom:120px;}
#gotoTop2{_position:absolute;_right:4%; _bottom:10%; _top:expression_r(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")}
#gotoTop2:hover{background:url(/images/his-totop.gif) no-repeat;}
.footer_email_icon{ display:none;}

.spcc{ width:650px;}
.m_banner{ display:none;}
.mobilepic{ display:none;}


/*right ke fu*/
.right_flort{ height: 338px; width: 100px; position: fixed; right: 10px; bottom: 15%; z-index: 99;}
.right_flort a{ display: block; margin:10px 0 10px 0; padding: 4px 0; width: 96px;border: 1px solid #fff;}
.right_flort .business { background: url(/images/business.jpg) no-repeat center; height: 161px;}
.right_flort .message_right { background: url(/images/message.jpg) no-repeat center; height: 94px;}
.right_flort .back_top { background: url(/images/pc-top.jpg) no-repeat center; height: 40px;}
/*right ke fu*/

.portfolio-image{ width:100%;}
.port-img{ width:100%;}
.port-img img{ width:100%;}

input#txtemail_pdf2{height: 36px;}
/*for phone lcadd*/
/*2018-5-23*/
.ly-box{width: 100%;overflow: hidden;margin: 30px 0 10px;}
.insideproeightfr{width: 28%;float: right;background: #f3f3f3;}
.insideproeightfrbom{padding: 0px 15px 20px 15px;margin-top: 10px;}
.insideproeightfr .insideproeightfrbombox{position: relative;
    font-weight: normal;background: #ffdb50;border-radius: 5px;padding: 15px 10px 15px 70px;
    margin-top: 20px;font-size: 20px;}
.insideproeightfr .insideproeightfrbombox em{position: absolute;left: 10px;top: 50%;
    margin-top: -25px;margin-right: 10px;width: 50px;}
.insideproeightfrtop{border-bottom: 20px solid #fff;}
.insideproeightfrtoppic{margin: 0!important;}
.insideproeightfrtoppic img,.insideproeightfr .insideproeightfrbombox em img{width: 100%;}
/*2018-5-23 end*/

@media only screen and (max-width:1180px){
    .xg_case li img,.caption p a.in-protittle1,.pro_nav div{width: 100%;}
    .pro_nav i{ font-size:22px;padding-left: 20px;}
    .newsshow h1{ font-size:22px;}
    /*.container,.navigation ul,.navigation,.logo{ width:100%;}*/
    .navigation ul{border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
    .logo{text-align: left;}
    .logo img{padding-left: 20px;}
    .navigation ul li{width: 20%;text-align: center;}
    .header{ width:100%;}
    .portfolio-grids{ width:100%;}
    .defnews{ width:100%;}
    .caption p a.more1{ display:none;}

}

@media only screen and (max-width:999px){
    .enquiry{width: 100%;}
    .insideproeightfr{display: none;}
}
@media only screen and (max-width:768px){
    .enquiry strong,.enquiry span.star{display:none;}
    #cckf1{ display:none;}
    #ccly1{ display:none;}
    .m-show{display: block;}
    .right_flort{height: 40px;}
    .right_flort .back_top{ background: url(/images/m-top.jpg) no-repeat center; height: 40px; right: 0; bottom: 50px; position: inherit; margin: 0px; padding: 0px; width: 40px;right: 10px;}

    .newslist .text span{ float: none; display: block; margin: 10px 0;}

    .mobilepic{ display:block;width: 100%;height: auto;}
    .c-n,.pro-top .pic,.defs1,.about-3,.banner{ display:none;}
    .container-img { width: 100%; margin: 12px 0 10px 0; float: left;}

    .pro-top p{ font-size:14px;}
    .m_banner,.footer_email_icon{ display:block;}
    .m_banner img{ width:100%; height:auto;}

    /*lcadd 2017年6月13日08:52:40*/
    .newsshowDiv ul li{ width:98%;}

    .about-l h2,.about-r h2,.newsshow h1{font-size: 20px;}
    .eemmcontent ul li{width: 98%;}

    .about-l,.about-r{width: 100%;}
    .about-1, .about-2{padding: 0;}

    #gotoTop2{right:10px;}
    .logo{background: none;height: auto;}
    .logo img{ margin: 0;margin-left: 3%;padding: 0;}

    /*for index*/
    .pro-list,.sub-right,.content_sub,.newslist,.NewsRight,.newsSendMessage .news_send_title{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
    .container{ width:100%; float:left; clear:both; margin:0px; padding:0px;}
    .header{ width:100%; float:left; clear:both; margin:0px; padding:10px 0; background:#198ede;}
    .logo{ width:200px; float:left;  margin:0px; padding:0px;}
    .logo img{ width:100%;}
    .navigation{ width:15%; float:right;  margin:0px; padding:0px;}
    .banner{ width:100%; float:left; clear:both; margin:0px; padding:0px; min-height:50px; background-size:auto; background:none;}



    .col-md-3{ width:46%; float:left; margin:10px 2%; padding:0px;}
    .portfolio{ width:100%; float:left; clear:both; margin:0px; padding:0px;}
    .portfolio2{background-color: #f1f1f1;}
    .service-image{ width:100%; float:left; clear:both; margin:0px; padding:0px;}
    .service-info h2{ width:100%; float:left; clear:both; margin:10px 0; padding:0px; font-size:22px;}
    .portfolio-info h2{ font-size:22px;margin-top: 20px; }
    .defprocenter ul li a{font-size: 16px;line-height: 38px;}
    .defnews h3{ font-size:22px;margin-top: 30px;}
    .services{ width:100%; float:left; clear:both; margin:10px 0 0 0; padding:0px;}

    .defnews{ width:100%; float:left; clear:both; margin:0px 0 50px 0; padding:0px;}
    .defnews ul{ width:100%; float:left; clear:both; margin:0px; padding:0px;}
    .defnews ul li{ width:97%; float:left; clear:both; margin:5px 10px 5px 10px; padding:0px;}
    .content_sub{ padding:0 6px;}
    .content_sub .contsp{margin: 10px 0;}
    .content_sub img{ width:100%; height:auto;margin: 0;}
    .content{padding-bottom: 0;}
    .enquiry{ width:100%; float:left; clear:both; margin:0px; padding:0px;}
    .enquiry h2{ width:100%; float:left; clear:both; margin-bottom:30px; padding:10px 0; border:0px;}
    .enquiry .input-text{width: 100%;display: block;}
    .demo { display:none;}
    .enquiry .submit { margin-left:70px;}

    .categories{ width:100%; float:left; clear:both; margin:0px; padding:0px;}
    .categories ul{ width:100%; float:left; clear:both; margin:0px; padding:0px;}
    .prolist{ width:100%; float:left; clear:both; margin:0 0 38px 0;}
    .prolist li{ width:46%; height:auto; margin:10px 2%; padding:0px;}
    .sub-left{ width:100%; float:left; clear:both; margin:0px; padding:0px;}
    .sub-right{ width:100%; float:left; clear:both; margin:0px; padding:0px;}

    .pro-top{ width:100%; float:left; clear:both; margin:8px 0 0; padding:0px;}
    .pro-top h1{ width:100%; float:left; clear:both;  text-align:center; font-size:30px; padding:0px;  top:10px;}
    .pic{ padding:0; border:0;      height:auto; width:100%; margin:0px; padding:0px; }



    .single{ width:100%; float:left;}
    .get{ width:100%; float:left; clear:both; margin:15px 0; padding:15px 10px;}
    .get a { float:none;}
    .get span{ width:100%; float:left; clear:both;}
    .get .rr{ float:left; clear:both; width:100%;}
    .get .rr em{ float:left; }
    .get .rr .ae,.get .rr em{margin:5px 0 10px 0;font-size: 14px;line-height: 38px;}
    .get .rr .ae{ float:right;}
    #btsend{ display:block; float:right;}
    .get span{font-size: 16px;}
    .spcc{width: 100%;}

    .sub-right{ width:100%; float:left; clear:both; margin:0px; padding:0px 6px;}

    .pro-in{ width:100%; float:left; clear:both;}
    .pro-in img{ width:95%; height:auto;}
    .NewsRight{ width:100%; float:left; clear:both; padding:0px 6px;margin-top: 0;}

    .newslist{ width:100%; float:left; clear:both; margin:12px 0 0; padding:0px 6px;}
    .newslist ul{ width:100%; float:left; clear:both;}
    .newslist ul li{ width:100%; float:left; clear:both; margin:20px 0 10px 0;}
    .newslist ul li p{ font-size:14px;}

    .pages{ width:100%; float:left; clear:both;}
    .pages a, .pages .cpb{ width:10%; float:left;  margin:0px 4px 4px 0;padding: 5px 0px;}
    .newsSendMessage{ width:100%; float:left; clear:both; margin:0px; padding:0px;}
    .newsSendMessage .news_send_title{ line-height: 28px;width:100%; float:left; clear:both; margin:0px; padding:10px 0 15px 5px; height:auto;}
    .newsshowDiv{ width:100%; float:left; clear:both; margin:10px;}
    .newsshow{ width:100%; float:left; clear:both;}
    .news_show_addtime{ clear:both;}
    .news_show_addtime{ padding: 0 15%;}
    .prenext{ width:100%; float:left; clear:both;}
    .prenext ul li{ margin-bottom: 20px; }
    .newsshow img{ width:95%; height:auto;}
    .nav1 { display:none;}
    .nav_img { display:block; margin-top:10px;}
    .nav_img a{display: block;}
    .daohang { width:100%; background:#f6f7f9; position:absolute; top:67px; left:0; z-index:9999; display:block;}
    .daohang p.navli{ height:42px; width:100%; font-size:15px; color:#333; line-height:42px; cursor:pointer; margin:0;}
    .daohang p.navli a{color:#333; display:block; border-bottom:1px solid #ccc; padding-left:20px; line-height:42px;}
    .daohang p.navli a:hover{color:#fff; background:#198ede; display:block; text-decoration:none;}
    .portfolio-info p { display:none;}
    .col-md-4,.col-md-8{ width:46%; padding: 0; margin: 0 2%;float: left;}
    .row{margin: 0;}

    .caption p a.in-protittle{text-transform:none; font-size:12px; width:100%;}
    .caption p a.more1{ display:none;}
    .caption{background: #ffffff; line-height: 22px; float: left; width: 100%; margin: 5px 0; padding: 5px 0; text-align: center;}

    .pro_nav h2{ display:none; margin:0px; text-align:center; font-size:20px;  }

    .enquiry .submit{ margin:10px auto 50px; display: block; width:50%;line-height: 38px;}
    .position{float:left; margin-top:25px; width:100%; display:block;}
    .pro_nav{ display:none;}
    .pro_nav div{ width:100%;}

    .categories span{ width:100%; font-size:16px; padding:10px;text-transform:none;}
    .categories ul li{ height: 35px; }
    .categories ul li a{ padding:5px 10px; font-size:13px;}
    .categories ul{ margin:10px 0 0;}
    .pro-list{ margin:10px 0 0; padding:0 6px;}
    .caption p{ width:100%;}
    .caption p a.in-protittle1{ font-size:12px;}
    .port-img img{ width:100%;}

    .portfolio-image{ margin:0px; line-height:18px; width:100%; border:0;}
    .page_cc_da{ margin:10px 0 50px;}
    .xg_case{ margin-bottom:20px;}
    .xg_case li{ line-height:15px; list-style: none; width: 45%; float: left; text-align: center; margin: 0 5px;}
    .xg_case li a{ font-size:12px;}

    .newsshow img{ margin:0;}
    .com,.contact{ margin:0;}
    .contact h2{font-size: 26px;}
    .con-l{ width:100%;}
    .con-l span{ margin:0;}
    .add{ margin:0 0 0 10px;}/*
.con-r{ display:none;}*/
    #tbcapacity tr td {float: left; width: 45%; margin: 1%;}

    #ly{ margin:20px 0;}
    .pdfcontent2 p{ width:95%;}
    .newsshowDiv{ width:95%;}
    .con-l h3{ margin:15px 0;}
    .defprocenter ul{ width:100%; float:left; clear:both;}
    .defprocenter ul li{ width:46%; margin:1% 2%;}
    .defprocenter ul li p{text-transform:none;}
    .banner_sub{ min-height:67px; position: relative;}
    .footer{ margin:0 0 60px;}
    video{ width:100%; height:auto;}
    .newslist ul li p{ margin:0 0 10px; width:100%;}
    .footer{ display:none;}

    .blog-snippet-1 h5 .atitle{font-size: 16px;}
    .blog-snippet-1{background-color: #fff;}

    /*ͼ���lcadd*/
    .footer_email_icon { z-index: 9999;width:100%; height:45px; line-height: 45px; text-align: center; position: fixed !important; bottom: 0px; user-select: none; color: #fff; background: #198ede; border-top:#ff4e00 solid 0px;}
    .footer_email_icon ul{ float:left; width:100%;}
    .footer_email_icon ul li{ float:left; width:50%; list-style:none;border-top: 1px solid #fff; }
    .footer_email_icon ul li.price{ background:#ff8d00;}
    .footer_email_icon a{ display:block; float:left; width:100%; margin:0px; padding:0px; height:45px; color:#fff; font-size:17px;}
    .footer_email_icon .m-product span{ background: url(../images/m-product.png) no-repeat 0 center;}
    .footer_email_icon a:hover,.footer_email_icon a:active{ text-decoration:none;}
    .footer_email_icon .price span,.footer_email_icon .m-product span{display: block;width: 156px;margin: 0 auto;padding-left: 28px;}
    .footer_email_icon .price span{background: url(../images/m-get.png) no-repeat 0 center;}
    .footer_email_icon .bt1{background:url("/images/bthome.png") center center no-repeat;}
    .footer_email_icon .bt2{background:url("/images/btsearch.png") center center  no-repeat;}
    .footer_email_icon .bt3{background:url("/images/btemail.png") center center  no-repeat;}
    .footer_email_icon .bt4{background:url("/images/btmessage.png") center center  no-repeat;}

    .footer_email_icon .sub_menu{ display:none; width:50%; position: absolute;  bottom:45px; left:0;  background: #198ede;border-right: 1px solid #fff;border-top: 1px solid #fff;}
    .footer_email_icon .sub_menu dt{ padding-left: 10px; text-align:left; text-indent:2px; float:left; width:100%; border-bottom:solid 1px #02aba0;}
    .footer_email_icon .sub_menu dt a{ display:block; color:#fff; font-size:13px; font-weight:100; height:30px;line-height: 30px;}

    .xg_case{display: none;}
    .service-info p{margin: 0 auto;width: 98%;}
    .services-grids{padding-bottom: 10px;}

}
@media only screen and (max-width:500px){
    .news_show_addtime{ padding: 0;}
    .newslist .text a{margin-top: 20px;display: block; margin-top: 15px;}
    .col-md-4,.col-md-8{width: 96%;margin: 0 2% 5px;}
    .blog-snippet-1{margin-bottom: 3px;}
    .enquiry-w{width: 100%;float: none;}
    .container .enquiry textarea{width: 100%;}
    .col-md-3{width: 96%;margin: 5px 2%;}
}

@media only screen and (max-width:360px){
    .caption{height: 54px;}
    .xg_case li{ height:160px;}
}
@media only screen and (max-width:340px){
    .footer_email_icon .sub_menu{width: 55%;}
}
/**/
.clearfix01:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
.pdfd{font-size: 16px;display: block;padding:0 0 0 30px; margin:0 0 0 0; color: #0061CB;background: url(/images/pdf.png) left center no-repeat; text-decoration: underline; cursor:pointer; }
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;    opacity: 0.35;}
.reveal-modal{visibility:hidden;top:100px;left:10px;right:10px;background:#f0f0f0;position:absolute;z-index:101;}
.reveal-modal .close-reveal-modal {font-size: 35px;text-align: center;position:absolute;top:8px;right:11px;color: #FC4529;font-weight: normal;cursor:pointer;width: 35px;height: 35px;background: #fff;border-radius: 50%;line-height: 33px;}
.reveal-modal .close-reveal-modal:hover{text-decoration:none;}
.reveal-modal h2{font-size:18px;font: bold 24px/22px Arial;margin-bottom: 26px;background: #FC4529;color: #fff;padding: 15px 0 15px 15px;margin: 0px;}
.reveal-modal p{padding:20px 30px 10px 30px; color:#333;}
.reveal-modal p  b{color:#FC4529;}
.reveal-modal dl{padding:0px 30px 20px 30px;}
.reveal-modal dl dd{position:relative;padding-left: 90px;padding-bottom: 10px;}
.reveal-modal dl dd label{position:absolute;left:0px;top:0px;font-size: 16px;float: left;text-align: right;color: #333;line-height: 36px;}
.reveal-modal dl dd input{line-height: 36px;height: 36px;border: 1px solid #ccc;text-indent: 10px;width:100%;float: left;color: #666;font-size: 14px;}
.reveal-modal dl dt input{background: #ffc60b;padding: 0 20px;font-size: 18px;margin-top: 10px;color: #000;line-height: 50px;height: 50px;border: 0;font-weight: bold;cursor: pointer;margin-left: 90px;}
@media only screen and (min-width:992px){
    .reveal-modal{width:570px;left:50%; margin-left:-285px; right:auto;}
}
.proitem{width:100%; margin:0 auto;}
.prosixitem.pc{display: none;}
.prosixitem.wap{clear: both;width: 96%;margin:0 auto;display: block;}
.prosixitem.wap p{padding:0px;margin: 0px 0px 15px 0px;}
.prosixitem p .prosixitemselect{line-height: 28px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border: #bbbbbb solid 1px;width: 100%;height: 42px;background: #fff;font-family: Verdana, Arial, sans-serif;font-weight: 300;font-size: 12px;color: #888;padding: 5px 10px;}
@media (min-width:768px){
    .prosixitem{float:left;width:50%;padding:10px 20px 10px 20px;margin:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .prosixitem.wap{display:none;}
    .prosixitem.pc{display:block;}
    .prosixitem label{display:block;color:#242424;font-size:18px;padding-bottom:10px;}
    .prosixitem label font{color:#f00;}
    .prosixitem.pc,.prosix .prosixbom .prosixitem.sixbom{float:none;clear:both;width: 96%;display:block;}
    .prosixitem.pc label{float:left;width: 16%;font-size: 16px;color: #1a1a1a;line-height: 36px;font-weight: bold;}
    .prosixitem.pc div{float:right;width: 83%;padding-left: 20px;}
    .prosixitem.pc .metwobox01 .choose_uldiv{width:auto;position:relative;float: left;line-height: 30px;cursor: pointer;height: auto;margin: 0px 30px 3px 0px;}
    .prosixitem.pc .metwobox01 .choose_uldiv input.radio_input{margin: 0;padding: 0; opacity: 0; z-index: 3;vertical-align: middle;}
    .prosixitem.pc .metwobox01 .choose_uldiv input.radio_input[type="radio"]{position: absolute;left: 0;top: 0;right: 0px;bottom: 0px;margin: 0;padding: 0;opacity: 0;width: 100%;height: 100%;}
    .prosixitem.pc .metwobox01 .choose_uldiv input.radio_input[type="radio"] + label{padding-left: 30px;display: block;padding-bottom: 0px;width: auto;font-weight: normal;}
    .prosixitem.pc .metwobox01 .choose_uldiv input.radio_input[type="radio"] + label font{display:block;line-height: 30px;color: #333;font-size: 15px;font-family: Arial, Helvetica, sans-serif;}
    .prosixitem.pc .metwobox01 .choose_uldiv input.radio_input[type="radio"] + label::before{content: '';display: block;position: absolute;left: 0;top: 6px;width: 17px;height: 17px;cursor:pointer;background:url(../images/f_icon05.png) no-repeat left bottom;}
    .prosixitem.pc .metwobox01 .choose_uldiv input.radio_input[type="radio"] + label::after{content: '';display: block;position: absolute;left: 0;top: 2px;width: 21px;height: 20px;}
    .prosixitem.pc .metwobox01 .choose_uldiv input.radio_input[type="radio"] + label::after {background:url(../images/f_icon06.png) no-repeat left bottom;display: none;}
    .prosixitem.pc .metwobox01 .choose_uldiv input.radio_input[type="radio"]:checked + label::after {display: block; cursor:pointer;}
    .prosixitem.pc .metwobox01 .choose_uldiv input.radio_input[type="radio"]:checked + label::before,.choose_ul li .choose_uldiv input.radio_input[type="radio"]:checked + label::after {-webkit-animation: cd-bounce 0.3s;-moz-animation: cd-bounce 0.3s;animation: cd-bounce 0.3s;}
    /**/
    .prosixitem.pc .metwobox02 .choose_uldiv{width:auto;position:relative;float: left;line-height: 30px;cursor: pointer;height: auto;margin: 0px 0px 5px 0px;}
    .prosixitem.pc .metwobox02 .choose_uldiv input.radio_input{margin: 0;padding: 0; opacity: 0; z-index: 3;vertical-align: middle;}
    .prosixitem.pc .metwobox02 .choose_uldiv input.radio_input[type="radio"]{position: absolute;left: 0;top: 0;right: 0px;bottom: 0px;margin: 0;padding: 0;opacity: 0;width: 100%;height: 100%;}
    .prosixitem.pc .metwobox02 .choose_uldiv input.radio_input[type="radio"] + label{padding-left: 20px;display: block;padding-bottom: 0px;width: auto;margin-right: 30px;}
    .prosixitem.pc .metwobox02 .choose_uldiv input.radio_input[type="radio"] + label font{display:block;line-height: 30px;color: #333;font-size: 16px;font-weight: normal;}
    .prosixitem.pc .metwobox02 .choose_uldiv input.radio_input[type="radio"] + label::before{content: '';display: block;position: absolute;left: 0;top: 6px;width: 15px;height: 15px;cursor:pointer;background: url(../images/f_icon07.png) no-repeat left bottom;border-radius: 50%;}
    .prosixitem.pc .metwobox02 .choose_uldiv input.radio_input[type="radio"] + label::after{content: '';display: block;position: absolute;left: 0;top: 6px;width: 15px;height: 15px;}
    .prosixitem.pc .metwobox02 .choose_uldiv input.radio_input[type="radio"] + label::after {background: url(../images/f_icon08.png) no-repeat left bottom;display: none;border-radius: 50%;}
    .prosixitem.pc .metwobox02 .choose_uldiv input.radio_input[type="radio"]:checked + label::after {display: block; cursor:pointer;}
    .prosixitem.pc .metwobox02 .choose_uldiv input.radio_input[type="radio"]:checked + label::before,.choose_ul li .choose_uldiv input.radio_input[type="radio"]:checked + label::after {-webkit-animation: cd-bounce 0.3s;-moz-animation: cd-bounce 0.3s;animation: cd-bounce 0.3s;}
    .metwobom{padding: 5px 0px 0px 0px;margin:0px;font-size: 16px;clear: both;display: block;margin-left: 0px !important;}
    .metwobom font{display:inline-block;padding-right:10px;color: #333;}
    #proForm{padding:0px 20px;}
    .metwobom .metwobominput{width: 210px;padding: 0px 10px;font-size: 15px;border: 1px solid #ddd;line-height: 28px;font-family: Arial, Helvetica, sans-serif;background: #fff;color: #4a4a4a;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
}
@media (min-width:992px){
    .prosixitem.pc label{width:12%;}
    .prosixitem.pc div{width:87%;}
}
@media (min-width:1200px){
    .prosixitem.pc label{width:10%;}
    .prosixitem.pc div{width:90%;}
}

.lycc{ width:100%;}