@CHARSET "UTF-8";

/*头部样式*/

.w1920{width: 1920px;margin-left: -960px;left:50%;position: relative;}
.w1200{margin:0 auto;width: 1200px;}
p{margin: 0 0 0 0;}
.fl{float: left;}
.fr{float: right;}



/* */
.header{height: 108px;}
.logo{float: left;line-height: 108px;margin-top:20px}
.yu{margin-top: 20px;margin-left: 27px;border-left: 1px solid #d5d7dc;height: 66px;padding-left: 27px;padding-top: 10px;color:#424242;font-size: 16px;}

.ss{float: right;height: 68px;border-right: 1px solid #d5d7dc;padding-right: 9px;padding-top: 39px;}
#formsearch{background: url(../images/ss.png)no-repeat;width: 219px;}
#formsearch input{height: 34px;border:none;outline: none;float: left;line-height: 34px;background: none;}
#formsearch input#keyword{width: 187px;padding-left: 9px;color: #9a9a9a;font-size: 12px;}
#formsearch input#s_btn{width: 32px;}

.top_tel{width: 199px;text-align: center;background: url(../images/tel.png)no-repeat center top;margin-top: 17px;padding-top: 36px;color: #5a5a5a;font-size: 14px;}





/* */
.box1{margin-top: 52px;}
.box1 li{float: left;width: 166px;height: 130px;border:1px solid #d5d7dc;text-align: center;padding-top: 36px;}
.box1 li+li{margin-left: 38px;}
.box1 li a{display: block;height: 41px;line-height: 41px;}
.box1 li span{display: block;position: relative;color: #323232;font-size: 18px;font-weight: bold;margin-top: 8px;line-height: 42px;height: 44px;}
.box1 li span:after{content: "";display: block;position: absolute;bottom: 0;left:0;right:0;margin:0 auto;width: 43px;height: 2px;background: #2c99ff}



/* box11 */
.box11{background:url(../images/bg1.png) no-repeat center top;height:1576px;overflow: hidden;margin-top:30px;padding-top: 55px;}


.abpic{width:601px;height: 497px;}
.abpic img{width:100%;}

.about{width:560px;}
.clicks{width:60px;margin-top:70px;}
.ads li {margin-bottom: 50px;}
.ads li .img{float:right;min-height:54px;}
.ads li .img img{width:100%;}
.ads li:hover .img img{filter: invert(44%) sepia(94%) saturate(2276%) hue-rotate(171deg) brightness(93%) contrast(101%);}





.jianjei{width:460px;margin-top:43px;}
.abtt{color:#0097e0;font-size:48px;font-family:"Impact";text-transform:uppercase;line-height:1em;}
.abtt p{font-size:30px;font-family:"黑体";}
.ab{color:#666666;font-size:14px;line-height:30px;margin-top:30px;background: url(../images/am.png) no-repeat left bottom;padding-bottom:4%;}
.abouts a{text-transform:uppercase;color:#fff;font-size:14px;text-transform:uppercase;display:block;margin-top:35px;
    width: 130px;
	height: 37px;
	background-color: #0097e0;line-height: 37px;text-align: center;}
.sj{margin-top:45px;}
.sj li{width:33.333%;float:left;text-align:center;}
.sj li h3{color:#1a1a1a;font-size:44px;font-family:"Impact";}
.sj li span{color:#666666;font-size:14px;display:block;margin-top:6px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:1;}




.bt{text-align: center;}
.bt span{display: block;font-weight: bold;line-height: 41px;color: #323232;font-size: 36px;}
.bt span img{margin:0 17px;}
.bt h3{margin-top: 9px;line-height: 21px;color: #727272;font-size: 16px;font-weight: 400;}


/* <!-- 产品 --> */
.cp{margin-top:90px}


.promenu2{position: relative;margin-top:40px;display:flex;justify-content: center;align-items: center;margin-bottom: 35px;margin-bottom: 45px;}


.promenu2 li{
    float: left;
    overflow: hidden;line-height:42px;s;display: block;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition: all 0.4s linear;margin:0 15px;
    width: 182px;
	height: 42px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
}
.promenu2 li a{

font-size: 16px;
    color: #383838;
}
.promenu2 li.on{
    background-color: #0097e0;
	border: solid 1px #cccccc;}


.promenu2 li.on a{
    color: #fff;}





/* pp_ll */
.pp_ll li{	width: 1200px;
	height: 475px;
	background-color: #0097e0;
	border: solid 1px #d5d7dc;}
.pp_ll li a.img{display: block;width: 639px;float: left;}
.pp_ll li a.img img{	width: 639px;
	height: 100%;}

.pp_ll li .dnn{width:461px;float:left;padding: 100px 50px;}
.pp_ll li .dnn h2{	font-family: MicrosoftYaHei-Bold;
	font-size: 24px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;}

.pp_ll li .dnn h2 a {color: #ffffff;}
.pp_ll li .dnn span{	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 30px;display: block;height:90px;overflow: hidden;}

.mm1{	width: 151px;
	height: 42px;
	background-color: #ffffff;
	border-radius: 20px;
	border: solid 1px #ffffff;	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 0px;
	color: #616161;text-align: center;margin-top:40px}

 .mm1 a{color: #616161;}






/* <!-- 滚切换 -->*/
.chan{width:1200px;margin:0 auto;text-align:center;margin-top:15px;position:relative;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:42%;}
.l_btn{left:-60px;}
.r_btn{right:-60px;}

.twt li{float: left;overflow: hidden; margin-left:12px;}
.twt li a.img{display:block;border:1px solid #d5d7dc;}
.twt li a.img img{display:block;width: 288px;height:160px;}
.twt li h2{border:1px solid #d5d7dc;border-top: none;text-align: center;	line-height: 37px;}
.twt li h2 a{	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;

	letter-spacing: 0px;
	color: #323232;text-align: center;}

    .twt li:hover h2{color:#fff;background:#0097e0;}
    .twt li:hover h2 a{color:#fff}
#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}





/* */
.box3{height:629px;background: url(../images/bg2.png)no-repeat;padding-top: 120px;}
.box3 .bt span,.box3 .bt h3{color: #fff;}
.box3 ul{margin-top: 43px;}
.box3 ul li{float: left;width: 386px;height: 312px;background: url(../images/1.png)no-repeat;padding-top: 30px;text-align: center;}
.box3 ul li+li{margin-left: 21px;}
.box3 ul li span{display: block;height: 70px;line-height: 68px;color: #3a3a3a;font-size: 18px;font-weight: bold;position: relative;}
.box3 ul li span:after{content: "";display: block;width:97px;height: 2px;background: #355aaf;position: absolute;bottom: 0;left:0;right:0;margin:0 auto;}
.box3 ul li p{color: #6f6f6f;font-size: 14px;line-height: 24px;margin-top: 15px;height: 115px;padding: 0 21px;}
.box3 ul li a{display: block;width: 50px;height: 50px;background: url(../images/2.png)no-repeat;margin:0 auto;}
.box3 ul li:hover span{color: #355aaf}
.box3 ul li:hover a{background: url(../images/h2.png)no-repeat;}

.box3-tel{margin-top: 22px;}
.box3-tel h3{background: url(../images/dh.png)no-repeat 33px #0097e0;width: 126px;height: 42px;line-height: 42px;border-radius:20px;color: #fff;font-weight: bold;padding-left: 82px;font-size: 16px;margin:0 auto;}
.box3-tel .cont{text-align: center;color:#fff;font-size: 16px;font-weight: bold;margin-top: 12px;}







/* */
.box4{height:772px;background: url(../images/bj3.jpg)no-repeat;padding-top: 38px;}
.fenlei{margin-top: 35px;border:1px solid #f1f1f1;border-right: none;}
.fenlei li{float: left;border-right: 1px solid #f1f1f1;height: 61px;text-align: center;width:16.58%;}
.fenlei li a{display: block;line-height: 61px;color: #5a5a5a;font-size: 18px;}

.anli-cont{margin-top: 36px;position: relative;}
.anli-cont .hd a{display: block;position: absolute;top:130px;width: 41px;height: 41px;cursor: pointer;}
.anli-cont .hd a.prev{background: url(../images/left.png)no-repeat;left:-56px;}
.anli-cont .hd a.next{background: url(../images/right.png)no-repeat;right:-56px;}
.anli-cont .bd{width: 1200px;overflow: hidden;}
.case_list1{}
.case_list1 li{float: left;width: 598px;height: 330px;position: relative;margin-right: 3px;}
.case_list1 li img{width: 598px;height: 330px;}
.case_list1 li h3{position: absolute;top:0;left:0;width:598px;height: 330px;background:rgba(20,33,51,0.77);padding-top: 138px;display: none;}
.case_list1 li h3 span{display: block;width: 166px;height: 43px;line-height: 41px;border:1px solid #fff;color: #fff;font-size: 18px;text-align:center;margin:0 auto;}
.case_list1 li:hover h3{display: block;font-weight: 400;}

.hezuo{margin-top: 51px;}
.hezuo li{float: left;margin-right: 3px;border:1px solid #f1f1f1;}
.hezuo li:last-child{margin-right: 0;}
.hezuo li img{width: 235px;height: 126px;}


/* bg3 */
.bg3{background:url(../images/bg3.png) no-repeat center top;height:267px;padding-top:60px;}

.liu_ll{margin-top:40px;}
.liu_ll li{float:left;width:120px;margin-right: 60px;background: url(../images/xx2.png) no-repeat 100% 40%;}
.liu_ll li:last-child{margin-right:0px;background:none;}
.liu_ll li h2 {font-size: 14px;color:#fff;font-weight: 400;margin-top:20px}
.liu_ll li h2 a{font-size: 14px;}
.liu_ll li a.img{display:block;}




/* */
.box7{background:url(../images/bg7.png) no-repeat center top;height:521px;padding-top: 45px;}
.xin-cont{margin-top: 47px;}
.news_list11{float: left;width: 582px;}
.news_list11 li img{width: 582px;height: 289px;}
.news_list11 li .cont{margin-top: 11px;}
.news_list11 li .cont .time{width: 55px;height: 59px;border-right: 1px solid #dbdbdb;padding-right: 13px;text-align: right;}
.news_list11 li .cont .time h3{line-height: 34px;font-weight: bold;color: #323232;font-size: 24px;}
.news_list11 li .cont .time span{display: block;color: #323232;font-size: 16px;padding-right: 5px;line-height: 24px;}
.news_list11 li .cont .dac{width: 506px;}
.news_list11 li .cont .dac a{display: block;line-height: 36px;color: #323232;font-size: 16px;}
.news_list11 li .cont .dac p{color: #717171;font-size: 14px;}

.news_list22{margin-top: 20px;}
.news_list22 li{height: 91px;border-bottom: 1px solid #dbdbdb;margin-bottom: 26px;}
.news_list22 li .cont{margin-top: 0px;}





.xxww{float: right;width: 579px;}
#ydemo{overflow:hidden;margin:0 auto;position:relative;height: 370px;}
#yindemo{height:100%;}
#ydemo1{}
#ydemo2{}




/* */
.footer{background: url(../images/ddff.png) no-repeat center top/100% 100%;padding-top: 98px;overflow: hidden;;}
.ff_a{width: 238px;background: url(../images/shu.png)no-repeat right;height: 135px;}
.ff_logo{height: 54px;line-height: 54px;}
.ff_er{margin-top: 4px;margin-left: 2px;}
.ff_er .er img{width: 72px;height: 72px;}
.ff_er .er p{color:#fff;text-align: center;line-height: 35px;}
.ff_er span{display: block;float: left;margin-left: 12px;margin-top: 30px;color: rgba(255,255,255,0.42);font-size: 12px;}

.ff_b{margin-left: 118px;height: 135px;background: url(../images/shu.png)no-repeat right;width: 316px;padding-top: 6px;line-height: 36px;}
.ff_b a{color:rgba(255,255,255,0.55);font-size: 14px;}

.ff_c{color: #fff;font-size: 14px;width: 389px;line-height: 36px;margin-top: 8px;}

.link {
    margin-top: 20px;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    width: 240px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.link a{color: rgba(255,255,255,0.42);font-size: 14px;line-height: 25px;}

.copyright{text-align: center;color:#5c5c5c;font-size: 12px;padding: 15px 0;line-height: 25px;}
.copyright a{color: #5c5c5c;}

.copx{margin-top: 25px;width:950px;color: #fff;font-size: 14px;text-align: right;}
.copx a{font-size: 14px;line-height: 25px;color: #fff;}



.xxx1{border-top: 1px solid #5d5d5d;margin-top: 40px;}




/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:300px;float:left;}
.hotSearch{width:1200px;margin:0 auto;height:30px;line-height:30px;font-weight:normal;border:1px solid #dad9de;background: #fff;margin-top:10px;text-indent: 20px;}
.hotSearch a{margin-right: 5px;}
/*主体样式*/
#container_a{background:url(../images/dbj.jpg) repeat-y 50% 0;padding-top:10px;padding-bottom:15px;}
#container{width:1200px;margin:0 auto;}
.fl{float: left;}
.fr{float:right;}




.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px;}



/*首页区域*/
.region{border:1px solid #e0e1dc;padding:10px;margin-top:10px;color:#333;margin-bottom:20px;display:none;}
.region h3{line-height:30px;height:30px;line-height:30px;padding-left:10px;position:relative;font-family:"微软雅黑";background:#f3f3f3;
border-bottom:2px solid #0195fd;font-size:14px;}
.region .item{padding:10px;padding-bottom:0;color:#666;}
.region .item a{color:#666;padding-left:12px;padding-right:12px;line-height:26px;margin-bottom:6px;font-size:12px;}
.region .item a:hover{text-decoration:underline;color:#0195fd;}
.city h2{line-height:30px;border-bottom:2px solid #0195fd;padding-left:5px;}
.city .item{line-height:28px;padding:10px;}


/*友情链接*/
.f_link{width:963px;margin:0 auto;margin-top:15px;height:39px;line-height:30px;background:url(../images/link.jpg) no-repeat;padding:40px 20px 5px;}

/*页面底部*/
#footer_a{background:url(../images/foot.jpg) repeat-y 50% 0;padding:30px 0;}
#footer{position:relative;width:1000px;margin:0 auto;text-align:center;color:#fff;font-size:14px;}
#footer a{color:#fff;}
.nav_foot{text-align:center;line-height:30px;}
.copyright{text-align:center;line-height:30px;font-family:"arial";}
.more_region{position:absolute;right:10px;line-height:30px;top:0;font-weight:normal;font-size:12px;}
#footer h3{width:80px;line-height:30px;position:absolute;right:233px;top:5px;font-weight:normal;}

/*------------内页-------------------*/
.n_bannerbj{height:250px;width:100%;overflow:hidden;position:relative;}
.n_banner{width:1440px;position:absolute;height:250px;top:0;left:50%;margin-left:-720px;}
.n_banner img{width:1440px;height:250px;}
.left{width:170px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact p.content{padding:5px;}

.right{width:1004px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;
font-family:"微软雅黑";font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;font-family:"微软雅黑";}

.right .content{padding:10px;padding-top:15px;overflow:hidden;}



/*公用样式*/
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}