







/*底部样式*/



.hm-footer{

    position: relative;

    background:url(../images/footbg.png) 26% 32px no-repeat #222;

}



.hm-footer::before{

    width: 83.333%;

    background-color: #005bac;

    height: 5px;

    left: 0;

    top: 0;

    position: absolute;

    content: '';

}



.wss{

    padding-top: 5vh;

    padding-bottom: 4.5vh;

}



.foot-left{

    width: 47.8%;

    float: left;

}



.foot_nav{

    overflow: hidden;

    display: flex;

    justify-content:space-between

}



.foot_nav li {

    float: left;

}



.foot_nav li a{

    color: #ffffff;

    font-size: 18px;

}



.foot_nav li .x-nav-menu dd a{

    color: #848484;

    font-size: 14px;

	line-height: 32px;

}



.foot_nav li .x-nav-menu dd a:hover{

    color: #0d9bff;

}



.foot_nav li .x-nav-menu{

    margin-top: 3vh;

}



.foot-right{

    float: right;

    width: 37.5%;

}



.fr-lx h4{

    font-size: 24px;

    line-height: 32px;

    color: #ffffff;

    font-weight: normal;

}



.fr-lx h5{

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    margin-top: 3vh;

}



.fr-ewm{

    margin-top: 4vh;

}



.fr-ewm h3{

    font-size: 12px;

    line-height: 28px;

    color: #ffffff;

    font-weight: normal;

    margin-top: 1vh;

}



.wx-ewm{

    float: left;

    text-align: center;

}



.ph-ewm{

    float: left;

    text-align: center;

    margin-left: 1.1vw;

}



.hm-floor{

    background-color: #222222;

    border-top:1px solid #333;

}



.hm-floor .fl-all{

    padding: 30px 0px;

}



.fl-left{

    width: 100%;

    float: left;

    color:#848484;

    font-size: 14px;

}



.fl-left a{

    color:#848484;

}



.fl-center{

    width: 15%;

    float: left;

    display: none;

}



.fl-center h3{

    float: left;

    color: #848484;

    font-size: 12px;

}



.fl-center a{

    float: left;

    color: #848484;

}



.fl-right{

    float: right;

    color:#848484;

    line-height: 20px;

    width: 38%;

}



.fl-right a{

    color:#848484;

    font-size: 14px;

}



.fl-right span{

    color:#848484;

    font-size: 14px;

}



.fl-right a:hover{

    color:#0d9bff;

}



.fl-left a:hover{

    color:#0d9bff;

}



.clink{

    float: left;

    position: relative;

}



.clink:hover{

    cursor: pointer;

}



.sec{

    display: none;

    background-color: #6f6f6f;

    color: #fff;

    position: absolute;

    word-break:break-all; 

    word-wrap:break-word;

    bottom: 30px;

    width: 700%;

}



.x-region{

    font-size: 14px;

}



.slick-vertical .slick-slide{

    border: 0 !important;

}





























.guestbook{ }

.guestbooklist{}

.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }

.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}

.MessageContent { padding:5px; margin-bottom:10px; }

table.guestbook_table{ width:98%;  }

table.guestbook_table th{ width:100px; text-align:left}

table.guestbook_table td{ text-align:left}



/*按钮*/

.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;

  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;

  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 

  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;

  border: 1px solid #d4d4d4; color: #666666;  text-shadow: 0 1px 1px white;}

/*默认样式*/

.btn {  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));

  background: -webkit-linear-gradient(top, #00b5e5, #008db2);  background: -moz-linear-gradient(top, #00b5e5, #008db2);

  background: -o-linear-gradient(top, #00b5e5, #008db2);  background: linear-gradient(top, #00b5e5, #008db2);

  background-color: #00a1cb;border-color: #007998;  color: white;  text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);}

.btn:hover { color:white;  background-color: #00a1cb;

  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));

  background: -webkit-linear-gradient(top, #00c9fe, #008db2);  background: -moz-linear-gradient(top, #00c9fe, #008db2);

  background: -o-linear-gradient(top, #00c9fe, #008db2);  background: linear-gradient(top, #00c9fe, #008db2);}

.btn:active {background: #1495b7;  color: #005065;}

/*按钮大小*/

.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}

.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}

.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}

/*块按钮*/

.btn-block {display: block;}



/*表单类*/

.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;

border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000; background: url(../images/form_bg.jpg) #fff repeat-x;}

.form_text {  width:95%; background-position:  0px 0px; margin-top:10px; }

.form_text:hover {background-position: 0px -37px;}

.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}

.form_text_verifycode:hover {background-position: 0px -37px;}

.form_radio{ width:auto; border:0;}

.form_checkbox{ width:auto; border:0}

.form_select { height:25px; }

.form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}

.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}

input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 

input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }

.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}







/*初始化样式*/

html{margin:0;padding:0;border:0;}

body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,

dl,dt,dd,ol,ul,li,fieldset,form,label,footer,

header,hgroup,nav,section

{margin:0;padding:0;border:0;}

body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}

a{text-decoration:none;outline:none;}

a:link{color:#666;}

a:visited{color:#666;}

a:hover,a:active,a:focus{color:#009b4c;text-decoration:none;outline:none;}



input{padding:0;margin:0;font-family:'Microsoft YaHei';}

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

ul,ol,li{list-style-type:none;}

select,input,img,select{vertical-align:middle;}

table{border-collapse:collapse;border-spacing:0}

table, th, td {vertical-align: middle}

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}

.clearfix{zoom:1}

.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}



h1,h2,h3,h4{font-size:12px;font-weight:bold;}

hr {border: 0;border-top:1px solid #ccc;height:0;}



/*----- Common css ------*/

.fl{float:left;}

.fr{float:right;}

.di{_display:inline;}

.fwn{font-weight:normal;}

.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}









.wh{width: 1270px;margin:0 auto;}

.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}



.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}

.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}

.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}





/*头部样式*/

#header,.w1200{width:1200px;margin:0 auto;}

.a2{width: 1200px;margin:0 auto;}

.fl{float: left;}

.fr{float: right;}

p{margin:0 0 0 0;}



.tophead{width: 100%;height: 27px;background: #efefef;position: relative;}

.headtitle{font-size: 14px;color: #000;line-height: 27px;}

.k1{font-size: 14px;line-height: 35px;color: #000;}

.k1 a{color:#000}



.sechead{height: 148px;position: relative;}

.logo{float:left;width: 200px;}

.sechead .k2{margin-top: 50px;background: url(../images/tel.png) left center no-repeat;text-align: left;padding-left: 50px;font-size: 16px;color: #000;line-height: 24px;}

.yu{margin-left: 37px;margin-top: 26px;border-left: 1px solid #9c9c9c;padding-left: 27px;height: 98px;color: #5b5b5b;font-size: 19px;line-height: 40px;padding-top: 8px;}



/* 导航 */

.menu{background: #ef5f3c;}

.demo-menu {width:1280px;margin:0 auto;}

.demo-menu>li {float:left;width:128px;position:relative;text-align:center;height: 57px;line-height: 57px;}

.demo-menu>li>a {display:block;font-size:17px;color:#fff;}

.demo-menu>li.active>a,.demo-menu>li>a:hover {background:#e7730e;}

.demo-menu>li:after {content:"";position:absolute;z-index:100;width:100%;left:0;height:40px;opacity:0;top:100%}



/*滚动*/

#demo{overflow:hidden;width:100%;margin:0 auto;}

#indemo {float: left;width:800%}

#demo1 {float: left;}

#demo2 {float: left;}



#m_demo{overflow:hidden;width:100%;margin:0 auto;}

#m_indemo {float: left;width:800%}

#m_demo1 {float: left;}

#m_demo2 {float: left;}





/* 内页 */

.left{width: 240px;float: left;}

.right{width: 940px;float: right;}

.product_list{}

.product_list li{float: left;width: 293px;border: 1px solid #eee;margin:0 10px 10px;padding:5px;}

.product_list li a.img{display: block;width: 281px;height: 236px;overflow: hidden;}

.product_list li img{width:281px;height: 236px;transition: all .5s ease;}

.product_list li h3{line-height: 35px;text-align: center;}

.product_list li h3 a{color: #5a5a5a;font-size: 14px;}

.product_list li:hover{border-color: #ef5f3c}

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



/*  */

.a1{width: 1920px;margin-left: -960px;left:50%;position: relative;}



/* 产品 */

.pro{margin-top: 62px;}

.biaoti{text-align: center;color: #4c4c4c;font-size: 16px;line-height: 30px;}

.biaoti h3{color: #ef5f3c;font-size: 35px;font-weight: bold;}

.fenlei{margin-top: 60px;overflow: hidden;}

.fenlei li{float: left;background: url(../images/shu.png)no-repeat right;padding-right: 40px;margin-right: 32px;}

.fenlei li a{color: #1f1f1f;font-size: 18px;}

.fenlei li:hover a{color: #e7730e}

.fenlei li:last-child{background: none;margin-right:0;padding-right: 0}

.product_list1{margin-top: 60px;}

.product_list1 li{float: left;margin-right: 16px;margin-bottom: 37px;}

.product_list1 li:nth-child(4n){margin-right: 0}

.product_list1 li img{width: 308px;height: 259px;}

.product_list1 li h3{font-weight: normal;text-align: center;line-height: 35px;background: #f5f5f5;border-bottom: 2px solid #939393;font-size:15px;color: #2a2a2a;}

.product_list1 li:hover h3{border-bottom-color: #ef5f3c;}



/* 优势 */

.ys{background: url(../images/you.png)no-repeat center top;margin-top: 37px;}

.ys-tit{text-align: center;}

.ys-tit h3{color: #fff;font-size: 60px;font-weight: bold;padding-top: 63px;text-indent: 100px;}

.ys-tit p{color: #fff;font-size:18px;margin-top: 18px;}

.ys-tit img{margin-top: 145px;}

.ys-cont{margin-top: 98px;position:relative;}

.ysimg1{position:absolute;top:0;left: 0}

.ysimg2{position:absolute;top:29px;right: 0}

.ysimg3{position: absolute;top:0;left:19px;}

.ysimg4{position: absolute;top:39px;right:15px;}



.ys1{width: 730px;float: right;height: 324px;}

.dbt{background: url(../images/ybj.png) no-repeat top center;width: 682px;height: 44px;margin-bottom: 40px;margin-left: 48px;}

.dbt span{color: #fff;font-size: 23px;line-height: 44px;text-indent: 78px;letter-spacing: 10px;}

.dbt i{color: #c7c7c7;font-size: 26px;text-transform: uppercase;margin: 13px 0 0 35px;}

.ysa{}

.ysa h3{color: #000;font-size: 27px;font-weight: bold;padding-left: 78px;}

.ysa .cont{margin-top: 22px;color: #585858;font-size: 15px;line-height: 27px;text-align: justify;padding-left: 78px;}



.ys2{background: url(../images/ys2.png)no-repeat left top;height: 338px;}

.ys2 .cont{width: 603px;}

.ys3{height: 310px;width: 683px;float: right;}

.ys4{background: url(../images/ys2.png)no-repeat left top;height: 395px;}

.ys4 .cont{width: 603px;}





/* 案例 */

.anli{background: url(../images/anli.jpg)no-repeat;height: 957px;padding-top: 65px;}

.anli-cont{height: 629px;background: #fff;padding-top: 33px;margin-top: 60px;overflow: hidden;}

.case_list2{}

.case_list2 li{margin-left: 34px;margin-right: 5px;width: 378px;height: 263px;position: relative;border-bottom: 2px solid #3fa563;margin-bottom: 34px;float: left;}

.case_list2 li img{width: 378px;height: 263px;}

.case_list2 li h3{position: absolute;bottom: 0;left:0;width: 378px;height: 38px;line-height: 38px;text-align: center;background:rgba(34,34,34,0.72);color: #fff;font-size: 18px;font-weight: lighter;}

.case_list2 li:hover{border-bottom-color: #0f8978}

.anli-more{width: 165px;height: 43px;margin:0 auto;margin-top: 57px;display: block;}



/* 简介 */

.ab{margin-top: 61px;}

.ab-tit{position: relative;height: 39px;background: url(../images/tit2.png)no-repeat left bottom;line-height: 37px;}

.ab-tit h3{display: inline-block;background: url(../images/1.png)no-repeat left;padding-left: 27px;color: #118a75;font-size: 24px;font-weight: bold;}

.ab-tit span{color: #959697;font-size: 16px;}

.ab-tit a{position: absolute;right: 0;top:0;}

.ab-cont{margin-top: 59px;height: 655px;background:url(../images/about.png)no-repeat 24px 42px #0e8879}

.ab-cont h3{color: #fff;font-size: 36px;font-weight: bold;padding-left: 25px;padding-top: 60px;}

.ab-cont .cont{margin-top: 32px;color: #fff;font-size: 15px;line-height: 27px;text-align: justify;width: 1245px;margin-left: 20px;height: 132px;}

.ab-cont .cont a{color: #cb0808;font-size: 15px;}

.ab-shi{width: 596px;height: 339px;border:1px solid #81c1b9;margin-left: 19px;padding:21px 16px 20px 28px;background:url(../images/hbj.png)no-repeat 486px 285px;}

.ab-ri{width: 616px;overflow: hidden;margin-right: 16px;}

.ab-honor{position: relative;width: 616px;height: 118px;}

.ab-honor a{position: absolute;z-index: 99;width: 183px;height: 48px;line-height: 48px;text-align: center;color: #e7730e;border:1px solid #e7730e;font-size: 28px;font-weight: bold;top:39px;left:32px;}

.ab-img{margin-top: 21px;}

.ab-img li{float: left;width: 299px;height: 201px;margin-right: 18px;}

.ab-img li img{width: 299px;height: 201px;}



/* 新闻 */

.xin{margin-top: 111px;height: 682px;background: #f3f1f1;padding-top: 59px;}

.xin-a{width: 802px;height: 467px;border: 1px solid #c2c1c1}

.xin-a .hd{height: 51px;line-height: 51px;overflow: hidden;position: relative;border-bottom:1px solid #ef5f3c}

.xin-a .hd li{float: left;width: 156px;text-align: center;border-right: 1px solid #949595;color: #302d2d;font-size: 20px;cursor: pointer;}

.xin-a .hd li.on{background: #ef5f3c;border-right-color: #ef5f3c;color: #fff;}

.xin-a .hd a{position: absolute;right:9px;top:13px;width: 65px;height: 25px;line-height: 25px;text-align: center;background: #e7730e;color: #fff;font-size: 14px;}

.xin-a .bd{margin-top: 20px;margin-right: -27px;}

.xin-a .bd li{float: left;margin-right: 27px;margin-left: 23px;width: 351px;height: 51px;line-height: 51px;border-bottom: 1px solid #b7b7b7}

.xin-a .bd li span{display: inline-block;width: 19px;color: #0e8879;font-size: 16px;}

.xin-a .bd li a{color: #302d2d;font-size: 16px;}

.xin-img{margin-left: 23px;margin-right: 27px;}



.xin-b{width: 426px;height: 467px;border:1px solid #c2c1c1;overflow: hidden;}

.xin-tit{height: 51px;line-height: 51px;position: relative;border-bottom: 1px solid #949595}

.xin-tit span{display: inline-block;margin-left: 23px;height: 23px;line-height: 23px;border-left: 5px solid #ef5f3c;padding-left: 10px;color: #302d2d;font-size: 20px;}

.xin-tit a{position: absolute;right:9px;top:13px;width: 65px;height: 25px;line-height: 25px;text-align: center;background: #e7730e;color: #fff;font-size: 14px;}

.xin-b .pic{width: 390px;margin:0 auto;margin-top: 23px;}

.news_list2{}

.news_list2 li{height: 90px;border-bottom: 1px solid #c2c1c1;margin-bottom: 20px;}

.news_list2 li a{display: block;background: url(../images/wen.png)no-repeat left;padding-left:28px;color: #0e8879;font-size: 16px;}

.news_list2 li p{margin-top: 4px;background: url(../images/da.png)no-repeat left 8px;padding-left: 28px;color: #302d2d;font-size: 14px;line-height: 23px;}



.f_link{margin-top: 35px;color: #222;font-size: 16px;}

.f_link a{color: #222;font-size: 16px;padding-right:6px;}



/* 底部 */

.foot{background: url(../images/foot.png)no-repeat;height: 281px;overflow: hidden;}

.ff_a{width: 554px;margin-top: 35px;}

.ff_a h3{color: #fff;font-size: 27px;font-weight: bold;}

.ff_lx{margin-top: 35px;color: #fff;font-size: 16px;line-height: 41px;}

.ff_lx img{margin-right: 7px;}

.copyright{margin-top: 55px;color: #fff;font-size: 14px;line-height: 30px;width: 400px;}

.copyright a{color: #fff;font-size: 14px;}

.er{width: 275px;height: 281px;background: #e7730e;text-align: center;padding-top: 37px;}

.er div{width: 187px;height: 214px;border:1px solid #ec9141;margin:0 auto;padding-top: 19px;}

.er div span{display: block;margin-top: 15px;color: #fff;font-size: 14px}





#menu{float: right;padding-top: 8px;}



/*导航栏样式*/

.nav li{text-align:center;float:left;position:relative;z-index:999;width: 105px; }

.nav li a{display:block;line-height:38px;color:#fff;height:38px;padding: 0;font-size: 14px;padding: 0;}

.nav li a:hover{color:#fff;text-decoration:none;background: url(../images/line01.png) no-repeat center bottom;}

.nav>li>a:focus, .nav>li>a:hover {

    text-decoration: none;

    background: url(../images/line01.png) no-repeat center bottom;

}



.nav .sec{height:0;background:#ef5f3c;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:38px;left:0px;width: 100%;display: none;}

.nav .sec a{background:#ef5f3c;color:#fff;height:38px;line-height:38px;font-size: 14px;}

.nav .sec a:hover{background:#e7730e;text-decoration:none;}













.thead{

    position: relative;

}

.head1{

    width: 100%;

    position: absolute;

    top: 30px;

    z-index: 9999;

    left: 0;

    right: 0;

}



.index-c1{

    background: #f5f5f5;

    padding-bottom: 100px;

}



.index-tlt1{

    text-align: center;

    padding-top: 100px;

    padding-bottom: 60px;

}

.index-tlt1 h2{

    text-transform: uppercase;

    font-size: 76px;

    color: #F0F0F0;

    font-weight: bold;

    line-height: 70px; 

}

.index-tlt1 h2 span{

    display: block;

    font-size: 36px;

    font-weight: 400;

    color: #555;

    margin-top: -70px;

}

.index-tlt1 h3{

    font-size: 24px;

    color: #BBBBBB;

    font-family: "微软雅黑";

    font-weight: normal;

}

.index-tlt1 .line{

    width: 50px;

    height: 3px;

    background: #ef5f3c;

    margin: 30px auto 0;

}

.index-c1 ul{

    margin-bottom: 80px;

}

.index-c1 ul li{

    width: 365px;

    float: left;

    margin-right: 52px;

}

.index-c1 ul li:nth-child(3n){

    margin-right: 0;

}

.index-c1 ul li a{

    display: block;

}

.index-c1 ul li .img{

    overflow: hidden;

    width: 365px;

    height: 195px;

}

.index-c1 ul li .img img{

    width: 365px;

    height: 195px;

    transition: .3s;

}

.index-c1 ul li .img:hover img{

    transform: scale(1.1);

}

.index-c1 ul li h3{

    height: 57px;

    border-bottom: 2px solid #f5f5f5;

    line-height: 55px;

    font-weight: normal;

    font-size: 16px;

    color: #333;

    transition: .3s;

    position: relative;

}

.index-c1 ul li h3 dt{

    width: 25px;

    height: 55px;

    background: url(../images/c1-1.png) no-repeat center;

    position: absolute;

    right: 0;

    top: 0;

    opacity: 0;

    transition: .3s;

}

.index-c1 ul li:hover h3{

    border-color: #ef5f3c;

}

.index-c1 ul li:hover h3 dt{

    opacity: 1;

}

.index-more{

    display: block;

    width: 200px;

    height: 50px;

    background: #ef5f3c;

    text-align: center;

    font-size: 0;

    margin: 0 auto;

}

.index-more b,.index-more i{

    display: inline-block;

    font-size: 16px;

    color: #fff;

    line-height: 50px;

    font-style: normal;

    font-weight: normal;

    vertical-align: top;

}

.index-more i{

    width: 21px;

    height: 50px;

    background: url(../images/c1-2.png) no-repeat center;

    margin-left: 15px;

}

.index-more:hover{

    background: #ee4921;

}





.index-c2{

    width: 1920px;

    height: 791px;

    background: url(../images/c2bg.jpg) no-repeat center;

    position: relative;

    left: 50%;

    margin-left: -960px;

    padding-top: 120px;

}

.c2-left{

    width: 610px;

    margin-top: 50px;

}

.index-tlt2{

    position: relative;

    margin-top: 20px;

}

.index-tlt2 h2{

    text-transform: uppercase;

    font-size: 76px;

    color: #F0F0F0;

    font-weight: bold;

    line-height: 70px; 

}

.index-tlt2 h2 span{

    display: block;

    font-size: 36px;

    font-weight: 400;

    color: #555;

    margin-top: -70px;

}

.index-tlt2 h3{

    font-size: 24px;

    color: #BBBBBB;

    font-family: "微软雅黑";

    font-weight: normal;

}

.index-tlt2 .line{

    width: 50px;

    height: 3px;

    background: #ef5f3c;

    margin-top: 30px;

}

.index-tlt2::after{

    content: '';

    width: 382px;

    height: 6px;

    background: #ef5f3c;

    position: absolute;

    left: 430px;

    top: 30px;

    z-index: 999;

}

.c2-left .jj{

    font-size: 14px;

    color: #555555;

    line-height: 1.8;

    margin-top: 80px;

    height: 200px;

}

.c2-left .index-more{

    float: right;

}

.c2-right{

    width: 450px;

    height: 500px;

    overflow: hidden;

}

.c2-right img{

    width: 450px;

    height: 500px;

    transition: .3s;

}

.c2-right:hover img{

    transform: scale(1.1);

}





.index-c3{

    background: #ef5f3c;

    padding-bottom: 100px;

}



.index-tlt3{

    text-align: center;

    padding-top: 100px;

    padding-bottom: 60px;

}

.index-tlt3 h2{

    text-transform: uppercase;

    font-size: 76px;

    color: #ff7958;

    font-weight: bold;

    line-height: 70px; 

}

.index-tlt3 h2 span{

    display: block;

    font-size: 36px;

    font-weight: 400;

    color: #fff;

    margin-top: -70px;

}

.index-tlt3 h3{

    font-size: 24px;

    color: #fff;

    font-family: "微软雅黑";

    font-weight: normal;

}

.index-tlt3 .line{

    width: 50px;

    height: 3px;

    background: #ff7958;

    margin: 30px auto 0;

}

.c3-left{

    width: 250px;

}

.c3-left ul li{

    width: 250px;

    height: 50px;

    margin-bottom: 12px;

}

.c3-left ul li a{

    display: block;

    text-align: center;

    font-size: 16px;

    color: #fff;

    border: 1px solid #fff;

    line-height: 48px;

    transition: .5s

}

.c3-left ul li:hover a{

    background: #fff;

    color: #ff7958;

}



.c3-right{

    width: 930px;

}

.c3-right ul li{

    width: 170px;

    padding: 10px;

    background: #ff7958;

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

}

.c3-right ul li:nth-child(5n){

    margin-right: 0;

}

.c3-right ul li a{

    display: block;

}

.c3-right ul li .img{

    width: 150px;

    height: 150px;

    overflow: hidden;

    position: relative;

}

.c3-right ul li .img img{

    width: 150px;

    height: 150px;

}

.c3-right ul li .img .int-add-dom{

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}

.c3-right ul li .img .int-add-dom .bgzz{

    z-index: 1;

    background-color: #000;

    opacity: 0;

    transition: all .35s ease;

    width: 100%;

    height: 100%;

}

.c3-right ul li .img .int-add-dom .figcaption {

    text-align: center;

    position: absolute;

    left: 50%;

    top: 50%;

    width: 42px;

    height: 42px;

    margin-top: -21px;

    margin-left: -21px;

    z-index: 12;

    display: block;

    transition: all .35s ease;

    

}

.c3-right ul li .img .int-add-dom .figcaption img{

    

    -webkit-transition: all .35s ease;

    -moz-transition: all .35s ease;

    -ms-transition: all .35s ease;

    -o-transition: all .35s ease;

    transition: all .35s ease;

    transform: scale(2);

    opacity: 0;

    width: 42px;

    height: 42px;

}

.c3-right ul li h3{

    text-align: center;

    font-size: 14px;

    font-weight: normal;

    color: #fff;

    line-height: 25px;

    margin-top: 5px;

}

.c3-right ul li:hover .int-add-dom .bgzz{

    opacity: 0.3;

}

.c3-right ul li:hover .int-add-dom .figcaption img{

    transform: scale(1);

    opacity: 1;

}





.index-c4{

    background: #f2552f;

    padding-bottom: 100px;

}

.index-c4 ul li{

    width: 277px;

    height: 440px;

    background: #fff;

    float: left;

    margin-right: 30px;

}

.index-c4 ul li:last-child{

    margin-right: 0;

}

.index-c4 ul li a{

    display: block;

    padding: 50px 25px 80px;

    text-align: center;

}

.index-c4 ul li a .img{

    padding: 10px 0;

}

.index-c4 ul li a h3{

    font-size: 16px;

    color: #333;

    line-height: 40px;

    font-weight: normal

}

.index-c4 ul li .info{

    font-size: 14px;

    color: #888;

    line-height: 24px;

    padding: 20px 0;

    height: 140px;

}

.index-c4 ul li dt{

    width: 120px;

    height: 42px;

    background: #ef5f3c;

    font-weight: normal;

    line-height: 42px;

    color: #fff;

    margin: 0 auto;

}

.index-c4 ul li:hover{

    background: url(../images/c4-1.jpg) no-repeat center;

}

.index-c5{

    padding-bottom: 80px;

}

.c5-con{

    background: #f5f5f5;

    padding: 20px;

    position: relative;

    height: 630px;

    overflow: hidden;

}

.c5-con-top{

    height: 450px;

    position: relative;

}

.c5-con .c5-tab{

    width: 1160px;

    height: 0px;

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

}

.c5-con .c5-tab.aa{

    height: 450px;

}

.c5-con .c5-tab .img{

    width: 750px;

    height: 450px;

    float: left;

    position: relative;

    overflow: hidden;

}

.c5-con .c5-tab .img img{

    width: 750px;

    height: 450px;

    display: block;

    position: absolute;

    top: 0px;

    left: 0;

    transform: translateY(450px);

    -webkit-transition: all .35s ease;

    -moz-transition: all .35s ease;

    -ms-transition: all .35s ease;

    -o-transition: all .35s ease;

    transition: all .35s ease;

}

.c5-con .c5-tab.aa .img img{

     transform: translateY(0);

}

.c5-con .c5-tab .wz{

    width: 360px;

    float: right;

    padding-right: 40px;

    margin-top: 20px;

}

.c5-con .c5-tab .wz h3{

    font-size: 16px;

    color: #333333;

    font-weight: normal;

    line-height: 80px;

}

.c5-con .c5-tab .wz .info{

    font-size: 14px;

    color: #888888;

    line-height: 1.8;

    height: 239px;

}

.c5-con .c5-tab .wz a.ckan{

    display: block;

    width: 120px;;

    height: 42px;

    font-size: 14px;

    color: #fff;

    text-align: center;

    background: #ef5f3c;

    line-height: 42px;

}



.c5-con .c5-tabli{

    margin-top: 20px;

}

.c5-con .c5-tabli li{

    width: 176px;

    height: 120px;

    border: 2px solid #f5f5f5;

    float: left;

    margin-right: 20px;

    cursor: pointer;

}

.c5-con .c5-tabli li:last-child{

    margin-right: 0;

}

.c5-con .c5-tabli li img{

    width: 172px;

    height: 116px;

}

.c5-con .c5-tabli li.cur{

    border-color: #ef5f3c

}



.index-c6{

    padding-bottom: 50px;

}

.index-c6 ul li{

    width: 285px;

    float: left;

    margin-right: 20px;

}

.index-c6 ul li:last-child{

    margin-right: 0;

}

.index-c6 ul li a{

    display: block;

}

.index-c6 ul li .img{

    width: 285px;

    height: 234px;

    overflow: hidden;

}

.index-c6 ul li .img img{

    width: 285px;

    height: 234px;

    transition: .3s

}

.index-c6 ul li h3{

    font-size: 16px;

    color: #333;

    line-height: 60px;

    font-weight: normal;

}

.index-c6 ul li .info{

    font-size: 12px;

    color: #888;

    line-height: 22px;

}

.index-c6 ul li:hover h3{

    text-decoration: underline;

}

.index-c6 ul li:hover .img img{

    transform: scale(1.1)

}





.foot1{

    background: #ededed;

    padding-top: 50px;

    padding-bottom: 30px;

}

.ff1{

    width: 300px;

}

.ff1 .lxfs{

    font-size: 16px;

    line-height: 2.2;

    margin-top: 30px;

    color: #333333;

}



.ff2{

    width:360px;

    text-align: center;

    font-size: 16px;

    line-height: 2;

    color: #333;

    padding-top: 0px;

}



.ff3{

    width: 540px;

}

.ff3 ul li{

    width: 135px;

    float: left;

}

.ff3 ul li h3{

    font-size: 16px;

    color: #555555;

    font-weight: normal;

    margin-bottom: 10px;

}

.ff3 ul li .sec a{

    display: block;

    font-size: 14px;

    color: #555;

    line-height: 2;

}



.foot2{

    background: #ededed;

    border-top: 1px solid #ef5f3c;

    padding: 10px 0; 

    text-align: center;

    font-size: 14px;

    color: #444;

    line-height: 2;

}



.foot2 a{

    color: #444;

}

.foot2 .fnav a{

    padding: 0 4px;

}





.yqlj{

    font-size: 14px;

    line-height: 30px;

    color: #333;

}

.yqlj a{

    color: #333

}





/*内页左侧样式*/





.container{width: 1200px!important;margin: 0 auto;padding: 0;}



/*.left{width: 225px;float: left;}

.right{width: 940px;float: right;}

.xypg-case-list li{width:300px;}

.xypg-product-list li{width: 293px;}

.xypg-product-list li .img img{width: 271px;height: 205px;}

.relate-product-slick .owl-item .img img{    width: 213px;height: 159px;}

.xypg-case-list li .img img{width: 300px;height: 300px;}

.page-product-inquiry a{color: #fff;}

.page-mob-tool{display: none;}*/

.page-product-inquiry a{color: #fff;}