/*初始化样式*/
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;position:relative;font-size:100%;font:12px/1.5 微软雅黑,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:#3480ce;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;}


/*滚动*/
#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;}


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


/*头部样式*/
.xy-head{width: 100%;left: 0;right: 0;z-index: 9999; height: 130px;}
.xy_head{width: 100%;left: 0;right: 0;z-index: 9999; height: 130px;}
.head_h{ height: 130px;}
.head1{height: 25px;background: #30363a;	-webkit-transition: all .7s ease;transition: all .7s ease;opacity: 1;}
.w1200{width: 1200px;margin: 0 auto;}
.wel{font: normal 12px/25px "微软雅黑";color: #898989;}
.k1{font: normal 12px/25px "微软雅黑";color: #898989;}
.k1 a{color: #898989;}
.wx{  background: url(../images/weix.png) no-repeat center; width: 25px; height: 25px;}
.wx:hover{background: url(../images/weixh.png) no-repeat center; width: 25px;height: 25px;}
.wx:hover .wx_ewm{display: block;}
.wx_ewm{display: none;background: url(../images/ewm_bj.png) no-repeat top center; width:130px; height: 138px; z-index: 20;  position: relative; top: 25px; left: -52px; padding: 15px 6px 5px 6px;}
.qq{background: url(../images/qq.png) no-repeat center; width: 25px; height: 25px;}
.qq:hover{background: url(../images/qqh.png) no-repeat center; width: 25px; height: 25px;}
.text-warning{ color: #cf0c0a; font-size: 12px;}
.head2{height: 105px; background: #cf0c0a;}
.logo{ margin-top: 24px;}
.head3{width: 960px; height: 105px; line-height: 105px;}
.xy-head.scroll .head1{display: none;}
.xy-head.scroll {position: fixed;-webkit-transition: all .7s ease;transition: all .7s ease;}
.xy_head{width: 100%;left: 0;right: 0;z-index: 9999;}
.xy_head.scroll {-webkit-transition: all .7s ease;transition: all .7s ease;background: #fff;box-shadow: 0 0 10px #000000; }

/*导航栏样式*/

#menu{ height: 105px; z-index: 5;}
.nav{height:105px; width: 960px; margin: 0 auto;}
.nav li{line-height: 105px; height: 105px; text-align: center; width: 106px; float: left; position: relative;}
.nav li a{display: block; line-height: 105px; color: #fff;  font-size: 15px;}
.nav li a:hover{text-decoration:none;}

.nav .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:50px;left:0px;}
.nav .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:166px;font-size:15px;}
.nav .sec a:hover{background:#042d3f;text-decoration:none;}

/*首页banner*/
.x-banner{ position: relative; top: -10px;}
.banner{width:1920px;position:relative;height:675px;left:50%;margin-left:-960px;z-index:999;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}
.banner .num{position:absolute;bottom:40px;z-index:100;text-align:center;width:100%;}
.banner .num li{width:18px;height:18px;display:inline-block;margin-right:4px;background:#fff;line-height:18px; text-indent:-100px;overflow:hidden;border-radius:10px;}
.banner .num li.num_hover{background-color:#017abf;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}

/*热门搜索*/
.sou{ background: #f2eee9; height: 50px; line-height: 50px;margin-top:-10px;}
.re_tel{ background: url(../images/tel.png) no-repeat left center; font-size: 12px; color: #595757; padding-left: 18px; width: 460px;}
.re_tel span{ float: right; font-size: 20px; color: #cf0c0a; font-family: 宋体; line-height:50px; font-weight: bold;}
.search{ width: 230px; height: 36px; padding-top: 7px;}
#formsearch{ width: 230px; height: 36px; line-height: 36px; border: 1px solid #b9b5b0; border-radius: 18px;}
#formsearch input{height:32px;background:none;line-height:32px; outline: none; border: none;}
#formsearch input#keyword{height:34px;line-height:34px;padding-left:10px;color:#666; border-radius: 18px; width: 194px;float: left;}
#formsearch input#s_btn{width:33px;height:34px;line-height:34px;text-align:center;background:url(../images/ss.png) no-repeat center center;color:#fff;border:none;cursor:pointer; float: right;}
.hotSearch{width:400px;height:50px;line-height:50px;font-weight:normal; text-align: right; margin-right: 10px;}
.hotSearch a{margin-right:6px;}
.hotSearch a:hover{color: #cf0c0a;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

/*关于我们*/
.box1{ padding-top: 85px; padding-bottom: 97px;}
.ab_lf{ width: 510px;}
.ab_lf h2{ font-size: 14px; color: #595757; font-weight: normal;text-transform: uppercase; line-height: 14px;}
.ab_lf h3{font-size: 20px; color: #30363a; line-height: 20px;margin-top: 6px;}
.ab_lf span{ margin-top: 30px; display: block;}
.ab_con{margin-top: 30px; font-size: 12px; line-height: 22px; color: #595757;}
.ckgd a{color: #ffffff;}
.ckgd .ck{ background: #30363a; text-align: center; width:110px; height: 35px; line-height: 35px; display: block; float: left;}
.ckgd .ck:hover{ background: #cf0c0a; }
/*产品介绍*/
.box2{ background: url(../images/pro_bj.png) no-repeat top center; padding: 90px 0;}
.pro_pic{ width: 580px; height: 500px;}
.pro_rt{ width: 590px; height:500px;position: relative;}
.pro_xh{ width: 588px; height: 70px; background: url(../images/xh_bj.png) no-repeat left top; padding: 15px; color: #ffffff; margin-top: 35px;}
.p_xh_t{ border-right: 1px solid #656e75; padding-right: 15px; text-align: center; height: 40px;}
.pro_xh h2{font-size: 14px; line-height: 14px; font-weight: normal}
.pro_xh h3{font-size: 20px; line-height: 20px; font-weight: normal; margin-top: 1px;}
.p_xh_c{margin-left: 40px; width: 381px;}
.p_xh_c ul{}
.p_xh_c ul li{ width: 127px; float: left; margin-bottom: 10px; line-height: 12px; font-size: 12px;}
.p_xh_c ul li a{ color: #ffffff;}
.p_xh_c ul li a:hover{ color: #cf0c0a;text-decoration:underline}
.pro_xn{ color: #ffffff; margin-top: 14px; border-bottom: 1px solid #4f585f; padding-bottom: 13px;}
.pro_xn ul{}
.pro_xn ul li{ float: left;margin-right: 52px; background: url(../images/dot.png) no-repeat left center; padding-left: 8px; font-size: 12px; line-height: 28px;}
.pro_xn ul li:nth-child(3n){ margin-right: 0px;}
.pro_js{ font-size: 12px; line-height: 20px; color: #ffffff; margin-top: 25px;}
.prgd{ position: absolute; bottom: 0; left: 0;;}
.prgd .ck{ background: #444c52; text-align: center; width:110px; height: 35px; line-height: 35px; display: block; float: left;}
.prgd .ck a{color: #ffffff;}
.prgd .ck:hover{ background: #cf0c0a;}
/*产品特点*/
.box3{padding-top: 80px; padding-bottom: 50px;}
.cptd_tit{ text-align: center;}
.cptd_tit h2{}
.cptd_tit h3{ font-size: 12px; color: #595757; line-height: 12px; font-weight: normal; margin-top: 13px; line-height: 12px;}
.cptd_con{margin-top: 25px;}
.cptd{ }
.cptd li{ float: left; width: 380px; height: 150px; background: #30363a; margin-right: 30px; margin-bottom: 27px;}
.cptd li:nth-child(3n){ margin-right: 0px;}
.cptd li .td_pic{ margin-left: 15px; width: 87px; height: 86px; margin-top: 32px;}
.cptd li .td_nr{ margin-right: 24px; width: 241px; margin-top: 32px;}
.cptd li .td_nr h3{ font-size: 16px; color: #ffffff; margin-top: 5px;}
.cptd li .td_nr p{ font-size: 12px; color: #ffffff; line-height: 20px; margin-top: 12px;}
.cptd li:hover{ background: #cf0c0a;}
/*优势*/
.box4{background: url(../images/ys_bj.png) no-repeat top center; height: 542px;}
.ys{ width: 1200px; height: 542px; position: relative;}
.ys li{position: absolute; color: #ffffff;}
.ys li h3{font-size: 16px; color: #ffffff; line-height: 20px; margin-top: 8px;margin-left: 18px;}
.ys li p{font-size: 12px; color: #ffffff; line-height: 20px;margin-left: 18px; margin-top: 5px;}
.ys li:first-child{ top: 90px; height: 64px; width: 375px; overflow: hidden;}
.ys li:nth-child(2){ top:90px; left: 810px;width: 350px; height: 81px;}
.ys li:nth-child(3){ top: 235px; width: 330px; height: 64px;}
.ys li:nth-child(4){ top: 237px;left: 850px; width: 310px; height: 81px;}
.ys li:nth-child(5){ top: 372px; width: 368px; height: 81px;}
.ys li:nth-child(6){ top: 381px;left: 810px; width: 370px; height: 64px;}
.y_tel{ position: absolute; bottom: 52px; width: 400px; margin: 0 auto; left: 410px;}
.y_tel h2{ font-size: 14px; color: #595757; font-family: 宋体;text-align: center;}
.y_tel h3{ font-family: 宋体; font-size: 20px; color:#cf0c0a; line-height: 25px; text-align: center; font-weight: normal; margin-top: 5px;}
/*案例*/
.box5{padding-top: 80px;}
.case_con{}
.case_con ul{margin-top: 25px;}
.case_con ul li{ float: left;margin-right: 13px; margin-bottom: 13px; width: 290px; height: 220px; overflow: hidden;}
.case_con ul li a img{width: 290px; height: 220px;transition: .5s;}
.case_con ul li:hover a img{width: 290px; height: 220px;transform: scale(1.3);}
.case_con ul li:nth-child(4n){ margin-right: 0;}
/*新闻*/
.c1bg { background: #ffffff; padding: 67px 0 64px 0;}
.c1bg .c1{ width: 1200px; margin: 0 auto;}
.c1bg .c1 .hd { width: 600px; margin: 0 auto; text-align: center; margin-top: 16px; margin-bottom:25px; }
.c1bg .c1 .hd li { display: inline-block; font-size: 14px; background: #f2eee9; width: 140px; height: 40px; text-align: center; line-height: 40px; margin-right: 4px;}
.c1bg .c1 .hd li:last-child{ margin-right: 0;}
.c1bg .c1 .hd li a { color: #595757; font-weight: bold; font-size: 14px;}
.c1bg .c1 .hd li.on { background: #cf0c0a; }
.c1bg .c1 .hd li.on a { color: #fff; }
.list3 li { display: block; float: left; margin-right: 30px; margin-bottom: 15px; border: 1px solid #cbd4da; width:585px; height:100px; overflow: hidden; text-align:left;}
.list3 li:nth-child(2n){ margin-right: 0;}
.list3 li a { display: block; position: relative; margin: 0; width:585px; height:100px; padding: 16px; text-align:left;}
.list3 li .n_lf{ width: 80px; text-align: right;}
.list3 li .n_lf h2{ font-size: 30px; color: #898989; font-family: 宋体;}
.list3 li .n_lf h3{ font-size: 14px; color: #898989; font-weight: normal;}
.list3 li .n_rt{ width: 455px; text-align: left;}
.list3 li .n_rt h3{ font-size: 14px; color: #595757; text-align: left;}
.list3 li .n_rt p{ font-size: 12px; color: #595757; line-height: 18px; margin-top: 15px;}
.list3 li:hover{ background: #cf0c0a;}
.list3 li:hover .n_lf h2{ color: #fff;}
.list3 li:hover .n_lf h3{ color: #fff;}
.list3 li:hover .n_rt h3{ color: #fff;}
.list3 li:hover .n_rt p{ color: #fff;}

/*页面底部*/
#footer{height: 200px; background: #cf0c0a; color: #ffffff;padding-top: 50px;}
.ft_lf{width: 810px;}
.ft_nav ul{}
.ft_nav ul li{ float: left;padding: 0 16px; background: url(../images/ft_l_bj.png) no-repeat right center;}
.ft_nav ul li a{color:#ffffff; font-size: 12px; line-height: 12px;}
.ft_nav ul li:first-child{padding-left: 0;}
.ft_nav ul li:last-child{background:none;}
.copyright{text-align:left;line-height:22px;color:#ffffff;font-size:12px; margin-top: 20px;}
.copyright a{color:#ffffff;font-size:12px;}
.copyright a:hover{text-decoration:none;}

/*友情链接*/
.box7{ background: #30363a; height: 50px; line-height:20px;}
.f_link{width: 1000px; background: url(../images/link.png) no-repeat left center; padding-left: 20px; color: #ffffff; overflow: hidden;}
.f_link a{color:#ffffff;padding:0 5px;}
.f_link a:hover{color:#ff0000;}
.f_zc{width: 125px; color: #ffffff;}
.f_zc a{color: #ffffff;}