.top{width:100%;line-height:30px;border-bottom:1px solid #ccc;}
.top_in {width:1200px;margin:0 auto;color: #777;}
.top_in  a {color: #777;}
.top_l{width: 980px;}
.top_r {width:210px;text-align:right;}
.head {width:1200px;margin:0 auto;}
.head_l{width:400px;font-size:18px;color: #2280bb;padding: 14px 0px;}
.head_l p span {font-size: 16px; color: #77e1d3;}
.logo{width: 400px;text-align: center;}
.head_r{width: 300px;}
.tel{padding-left: 98px;font: 30px/67px Arial;color: #2280bb;background:url(../images/ar1.png) 42px top no-repeat;margin-top:32px;}

#menu{background:#279bca;height:50px;line-height:50px;}
.nav{width: 1200px;margin:0 auto;}
.nav>li{float: left;text-align: center;}
.nav>li a{color:#fff;display: block;font-size:16px;padding: 0 68px;font-weight:bold;}
.nav>li:hover {background:#2590bb;}

.ban{position:relative;width:1200px;height:500px;margin:0px auto;}
.banPa{left:-360px; position:absolute;}
#foucsBox { margin: 0 auto; padding: 0; width: 1920px; height: 500px; overflow: hidden; zoom: 1; position: relative;}
#foucsBox .imgCon { width: 1920px; height: 500px; margin: 0; padding: 0; position: relative; list-style: none; }
#foucsBox .imgCon li { float: left; width: 1920px; height: 500px; }
#foucsBox .imgCon li img {width: 1920px; height: 500px; }
#foucsBox .foucs { width: 1920px; height: 18px; position: absolute; bottom: 15px; text-align: center; z-index: 3; }
.foucs span{
	display: inline-block;
    width: 17px;
    height: 17px;
    margin: 0 5px;
    line-height: 0;
    font-size: 0;
    background: url(../images/ban_coin.png) -23px 2px no-repeat;
    cursor: pointer;
    overflow: hidden;}
.foucs span.f{background:url(../images/ban_coin.png) 0px 0px no-repeat;}

.article{width: 1200px;margin:0 auto;}
.title {    
	text-align: center;
    text-transform: uppercase;
    color: #2280bb;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
	background:url(../images/titbg.png) center no-repeat;
}
.title span {display: block;color: #333;font-size:26px;}
.title pre{display: block;font:26px/55px "Microsoft YaHei";color: #333;}
.pro{padding-top: 55px;background:#e2f8ff;}
.pro ul{margin-top: 40px;}
.pro ul li{float: left;margin-right: 10px;margin-bottom: 10px;background-color: #fff;border-bottom: 1px solid transparent;}
.pro ul li:nth-child(4n){margin-right: 0;}
.pro ul li img{width: 290px;height: 290px;}
.pro ul li h3{margin:0 15px;font:16px/55px "Microsoft YaHei";color: #333;text-align: center;border-bottom: 1px dotted #999;}
.pro ul li p{width: 155px;height: 30px;margin:25px auto;text-align: center;font:14px/30px "Microsoft YaHei";color: #fff;background-color: #77e1d3;border-radius: 5px;}
.pro ul li:hover{background-color: #289cca;}
.pro ul li:hover h3{color: #fff;border-color: #fff;}

.advan{background: url(../images/advan.jpg) center top no-repeat;padding: 175px 0 100px 0;}
.advan .article {padding:40px 0;overflow:hidden;}
.ad{width: 595px;height: 145px;background-color: rgba(256,256,256,0.6);box-sizing:border-box;padding:26px 35px 0 20px;margin-bottom: 10px;}
.ad>h3{font:28px/45px "Microsoft YaHei";color: #2280bb;}
.ad>span{font:16px/24px "Microsoft YaHei";color: #333;}
.ad1:before{content: "01";display: inline-block;width: 95px;height:83px;background-color: #77e1d3;color: #fff;font:50px/83px Arial;text-align: center;border-radius: 5px;float: left;margin-right: 25px;margin-top: 10px;}
.ad2:before{content: "02";display: inline-block;width: 95px;height:83px;background-color: #77e1d3;color: #fff;font:50px/83px Arial;text-align: center;border-radius: 5px;float: left;margin-right: 25px;margin-top: 10px;}
.ad3:before{content: "03";display: inline-block;width: 95px;height:83px;background-color: #77e1d3;color: #fff;font:50px/83px Arial;text-align: center;border-radius: 5px;float: left;margin-right: 25px;margin-top: 10px;}
.ad4:before{content: "04";display: inline-block;width: 95px;height:83px;background-color: #77e1d3;color: #fff;font:50px/83px Arial;text-align: center;border-radius: 5px;float: left;margin-right: 25px;margin-top: 10px;}

.abt{background:#e2f8ff;padding:50px 0;}
.abt-txt{font-size:16px;line-height:30px;color: #333;padding-top: 30px;}
.abt-txt p{text-indent:2em;}
.abt-txt a.more {padding-left:10px;color:#2280bb;}

.qs{width: 1200px;margin:0 auto;margin-top: 40px;}
.sectiona{border:5px solid #289cca;width: 250px;height: 315px;border-radius: 5px;background:url(../images/bg4.jpg) center;}
.sectiona>h3{font:20px/20px "Microsoft YaHei";color: #2280bb;padding:22px 22px 10px;}
.sectiona>h3>span{font:14px/30px "Microsoft YaHei";color: #5ec2e4;display: block;}
.sectiona>ul{border-top: 1px dotted #5ec2e4;margin:0 auto;}
.sectiona>ul li{border-bottom: 1px dotted #5ec2e4;padding: 5px 20px;}
.sectionb{width: 910px;position: relative;}
.sectionb>h3{font:20px/20px "Microsoft YaHei";color: #2280bb;padding-top: 30px;padding-bottom: 15px;border-bottom: 1px dotted #5ec2e4;}
.sectionb>h3>span{font:14px/30px "Microsoft YaHei";color: #5ec2e4;display: block;}
.sectionb a.more{color:#5ec2e4;position:absolute;top:50px;right:0px;}

.qs-list{margin-top: 15px;}
.qs-list li{float: left;margin-right: 8px;}
.qs-list li img{width: 210px;height: 210px;}
.n_left,.n_right{display: block;width: 39px;height: 23px;position: absolute;top:45px;}
.n_left{background: url(../images/n-left.jpg) center;right: 50px;}
a.n_left:hover{background-image:url(../images/n-left-on.jpg) ;}
.n_right{background: url(../images/n-right.jpg) center;right: 0;}
a.n_right:hover{background-image: url(../images/n-right-on.jpg);}

.inews{padding:55px 0;overflow:hidden;}
.section1{width: 700px;margin-top: 45px;}
.section2>li{margin-bottom: 20px;overflow: hidden;}
.section2>li>h3{width: 92px;height: 98px;border:1px solid #bebebe;font:26px/50px "Microsoft YaHei";text-align: center;}
.section2>li>h3 em {font-style: normal;}
.section2>li>h3>span{display: block;font:14px/25px "Microsoft YaHei";}
.section2>li>a{display: block;width: 580px;float: right;}
.section2>li>a>h3{font:16px/36px "Microsoft YaHei";color: #333;}
.section2>li>a>p{font:14px/24px "Microsoft YaHei";color: #777;}
.section3{border-top: 1px solid #b9b9b9;padding-top: 20px;}
.section3>li{float: left;width: 50%;font:16px/32px "Microsoft YaHei";color: #333;padding-left: 16px;background: url(../images/ar5.png) 2px center no-repeat;box-sizing:border-box;}

.coop{background-color: #f4f4f4;padding:55px 0;overflow:hidden;}
.coop-list li{float: left;margin-right: 25px;}
.coop-list li img{width: 220px;height: 220px;}

.search{width: 757px;margin:0 auto;margin-top: 8px;}
.hotSearch{width:353px;float:left;font:15px/30px "Microsoft YaHei";color: #666;}
.hotSearch a{color: #666;}

#formsearch{width:371px;float:right;border:3px solid #289cca;}

#container{width:1200px;margin:0 auto;padding-top:40px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}

.buss{background:#f4f4f4;line-height:30px;padding-bottom:30px;}
.buss span {font-weight:bold;}
.buss a{margin-right: 10px;}

.foot{padding:15px 0;background: url(../images/bg5.jpg) center top;}
.foot-code{width: 150px;padding:20px 0;}
.foot-right{width: 996px;font:14px/23px "Microsoft YaHei";color: #fff;}
.foot-right a{color: #fff;padding: 0 10px;}
.foot-contact{margin:15px 0;border:1px solid #4ecfe4;line-height: 40px;padding-left: 20px;}

/*------------内页-------------------*/

.left {
    border:6px solid #289cca;
    padding:23px 20px 20px 15px;
    margin-bottom: 20px;
    width: 203px;
    float: left;
    border-radius: 8px;
}

.left .box {
    margin-bottom: 30px;
}

.left .box h3 {
    line-height: 20px;
    font-size: 18px;
    color: #2280bb;
    font-weight: 600;
    position: relative;
    background-color: inherit;
    padding-left: 5px;
    padding-bottom: 18px;
    border-bottom: 1px dotted #289cca;
}

.left .box .content {
    padding: 5px 0px;
}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;font-size: 14px;}

.n_banner{width:1920px;position: relative;z-index: 100;left:50%;margin-left: -960px;margin-top: -10px;}
.n_banner img{width:1920px;}
.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 .content{padding:5px;line-height:24px;}

.right{width:920px;float:right;padding-bottom:10px;}
.sitemp {
    border-bottom:2px solid #289cca;
    background-color: #f0f0f0;
}

.sitemp h3 {
    position: relative;
    width: 340px;
    float: left;
    line-height: 45px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color:#289cca;
    padding-left: 40px;
}
.sitemp h3:before{
    content: "";
    display: block;
    height: 0;
    border:8px solid transparent;
    border-left: 8px solid #289cca;
    position: absolute;
    left:18px;
    top:15px;
}
.sitemp .site {
    margin-right: 18px;
    width: 380px;
    float: right;
    text-align: right;
    line-height: 45px;
    font-size: 14px;
    color: #555;
}
.right .content{padding-top:15px;line-height: 23px;color: #666;}
.right .content p {line-height:30px;}
.sort_album{margin-top: 15px;}