/*初始化样式*/
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:#333;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:#333;}
a:visited{color:#333;}
a:hover,a:active,a:focus{color:#333;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;}
.w1920{
    width: 1920px;
    margin-left: -960px;
    position: relative;
    left: 50%;
}
.w1200{
    margin: 0 auto;
    width: 1200px;
}

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



.wh{width: 1200px;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.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);}






/*头部样式*/
.head1{
    height: 50px;
}
.k1,.k1 a{
    font-size: 18px;
    font-weight: normal;
    color: #0c0c0c;
    line-height: 50px;
}
#header{width:1920px;position: absolute;z-index: 999;left: 50%;margin-left:-960px;background: url(../image/tp.png) repeat-x ;}
.logo{
   float: left;
   line-height: 103px;
}   




/*热门搜索*/
.search{width:1200px;margin: 15px auto;}
#formsearch{float:right;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


.ftel{font-size:18px;padding-left:32px;background: url(404.png) no-repeat left center;font-weight:normal;line-height:26px;margin-bottom:3px;}
.dh2{font-size:27px;font-weight:bold;color:#fff;margin-top:19px;}

/*导航栏样式*/
#menu{width:750px;margin-left:30px;}
.navs{height:103px;}
.navs li{line-height:103px;height:103px;text-align:center;width:107px;float:left;position:relative;z-index:999;}
.navs li a{display:block;line-height:103px;color:#fff;height:103px;font-size: 16px;padding: 0;}
.navs li:hover> a{color:#fff;text-decoration:none;background: url(404.png) no-repeat center 79px;}




.navs .sec{height:0;background:#f6f6f5;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:103px;left:0px;}
.navs .sec a{background:#f6f6f5;color:#fff;height:38px;line-height:38px;width:107px;color:#282828;font-size:12px;}
.navs .sec a:hover{background:#2a8bea;text-decoration:none;color:#fff;}




.container{width:1200px;margin: 0 auto;}
.about-index {
    height: 445px;
    background-color: #f4f4f4;
    padding-top: 50px;
}
.about-title p{
    font-size: 32px;
    font-weight: normal;
    color: #444444;
    position: relative;
}
.about-title p:after{
    width: 26px;
    height: 3px;
    background: #036fda;
    content: "";
    position: absolute;
    left: 135px;
    top:3px;
}
.about-title p span{
    font-size: 16px;
    font-weight: normal;
    color: #b4b4b4;
    margin-left: 8px;
}

.about-left h3{
    font-size: 17px;
    color: #555;
    line-height: 24px;
    margin-top: 8px;
    font-weight: normal;
}




/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#3480ce;color:#fff;border:none;cursor:pointer;}


.news_list1 li{position:relative;border-bottom: 1px dashed #d8d8d8;}
.news_list1 li a{line-height:53px;color:#444444;font-size: 14px;background: url(../image/news.png) no-repeat left center;padding-left: 16px;}
.news_list1 li:first-child a{background: url(404.png) no-repeat left center;}
.news_list1 li span{color:#666666;z-index:0;line-height:53px;position:absolute;right:0px;top:0px;}
.news_list1 li:hover a{text-decoration:none;color:#298df0;background: url(404.png) no-repeat left center;}
.news_list1 li:hover span{text-decoration:none;color:#298df0;}

.news_list1 li h3 {font-size:14px;}


.product_list1{}
.product_list1 li{float:left;margin-right:16px;_display:inline;border:1px solid #ececec;margin-bottom: 30px;}
.product_list1 li:nth-child(4n){margin-right: 0;}
.product_list1 li a.img{}
.product_list1 li a.img img{width:284px;height:228px;}
.product_list1 li h3{    text-align: center;
    background: #e9e9e9;
    width: 100%;
    overflow: hidden;
    height: 45px;}
.product_list1 li h3 a{font-weight:normal;line-height: 44px;font-size: 16px;color: #222222;letter-spacing: 1px;}
.product_list1 li a.img{display:block;border:1px solid #e9e9e9;}


.product_list2{}
.product_list2 li{float:left;margin-left:10px;margin-right:10px;_display:inline;border:1px solid #ececec;margin-bottom: 48px;}
.product_list2 li a.img{}
.product_list2 li a.img img{width:284px;height:228px;}
.product_list2 li h3{text-align:center;background:#e8e8e8;}
.product_list2 li h3 a{font-weight:normal;line-height: 44px;font-size: 14px;letter-spacing: 1px;color: #333333;}
.product_list2 li a.img{display:block;border:1px solid #e9e9e9;}




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





.about-left{
    width:550px;
}
.about-left a{display: block;color: #298df0;font-size: 19px;margin-top: 30px;}
.about-content{
    font-size: 14px;
    color: #555555;
    line-height:24px;
    text-align: justify;
    margin-top:32px;
    width:532px;
}
.about-content p{
    text-indent: 2em;
    line-height: 24px;
}

.about-list{
    margin: 0 -30px;
    margin-top: 25px;
}
.about-list li{
    float: left;
    margin: 0 31px;
    text-align: center;
}
.about-list li p{
    font-size: 14px;
    color: #555555;
    padding-top: 5px;
}

.about-right{
    width:625px;
}

.about-right:hover {}

.about-right img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.about-right img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}




.product-bg{
    background: url(404.png) no-repeat top center;
    height: 1253px;
    overflow: hidden;
    padding-top: 20px;
}
.psort{margin: 38px 0 32px 0;background-color: #00a2ff;padding-left: 26px;}
.psort li a{display: block;height: 55px;line-height: 55px;color: #ffffff;font-size: 14px;text-align: center;    padding: 0 31px;}
.psort li a:hover{background: #008cdc;}
.p-title{
    text-align: center;
}
.index-t1{
    background: url(../image/index-t1.png) no-repeat bottom center;
    height: 81px;
    width: 517px;
    margin-left: 300px;
    position: relative;
    margin-bottom: 57px;
}
.index-t1 h3{
    text-align: right;
    font-size: 34px;
    font-weight: bold;
    color: #298df0;
    margin-right: 54px;
    padding-top: 57px;
}
.w1 {
    color: #555555;
    font-size: 12px;
    position: absolute;
    top: 85px;
    left: 53px;
}
.p-more{
    width:100px;
    height: 34px;
    border:1px solid #298df0;
    color: #fff !important;
    background: #298df0;
    display: block;
    margin: 17px 0 0 2px;
    text-align: center;
    line-height: 34px;
}

.p-more a{
    display: block;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 34px;
    color: #fff;
}

.p-more1{
    width:100px;
    height: 34px;
    border:1px solid #bfbfbf;
    color: #333333 !important;
    background: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 34px;
    margin-top: 10px;
}

.p-more1 a{
    display: block;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 34px;
    color: #333333;
}


.about-bg{
    background: url(404.png) no-repeat top center;
    height: 450px;
    overflow: hidden;
}

.shili-index{
    margin-top: 17px;
    font-size: 14px;
}

.tel{
    color: #fff;
    margin-left: 775px;
    margin-bottom: 65px;
}
.quan{
    letter-spacing: 1px;
    color: #ffffff;
    margin-top: 11px;
    text-shadow: 1px 1px 5px #000;
}
.dian{font-size: 18px;}
.dian p{line-height: 20px;text-shadow: 1px 1px 5px #000;}
.shili-left{
    width:466px;
    margin-left: 185px;
    margin-top: 10px;
}

.shili-title{
    font-weight: normal;
    font-size: 30px;
    color: #333333;
    margin-bottom: 10px;
}

.shili-content{
    font-size: 14px;
    color: #555555;
    line-height: 24px;
}
.shili-content p{
    line-height: 24px;

}
.shili-right{position:relative;}
.l_btn,.r_btn{position:absolute;cursor:pointer;z-index:99999}
.l_btn{left:-32px;top: 120px;}
.r_btn{left:-32px;top: 162px;}
#focus {width:478px; height:296px; overflow:hidden; position:relative;margin:0 auto;}
#focus ul {height:296px; position:absolute;}
#focus ul li {width:478px; height:296px; overflow:hidden; position:relative;float:left;}
#focus ul li a img{height:296px;width:478px;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:478px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:478px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus ul li h3{display:block;color:#000000;font-size:14px;margin-top:10px;}
#focus ul li h3 a{color:#000000;font-size:14px;}


.news-index{
    margin-top: 42px;
}

.index-t3{
    text-align: center;
    margin-bottom: 39px;
}

.index-t3 h2{
    font-size: 30px;
    color: #333;
    font-weight: bold;
    background: url(../image/line01.png) no-repeat center;
    line-height: 1.5;
    letter-spacing: 3px;
}
.index-t3 h2 span{
    color: #298df0;
}
.index-t3 h3{
    font-size: 14px;
    line-height: 2;
    color: #666666;
    font-weight: normal;
}


.news-title{
    text-align: center;
    margin-bottom: 35px;
}

.news1{
    width: 384px;
}

.news-title1{
    font-size: 18px;
    color: #222222;
    font-weight: normal;
    margin-bottom: 14px;
}

.news-title1 a{
    display: inline-block;
    width:64px;
    height: 20px;
    border:1px solid #3795f1;
    border-radius: 15px;
    font-size: 12px;
    text-align: center;
    color: #999999;
    text-transform: uppercase;
    float: right;line-height:16px;
}
.news-title1 a:hover{
    background: #298df0;
    color: #fff;
    border: none;
    line-height: 20px;
}
.news2{
    margin: 0 20px;
}


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

.heng .xt{
    position: absolute;
    right: 377px;
    top:80px;
    z-index: 99;
    padding-left: 51px;
    background: url(../image/htdh.png) no-repeat left 36px;
}
.heng .xt h2{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: normal;
}
.heng .xt h3 p{
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    
}

.case-index{
 margin-top: 17px;
}

.index-t2{
    background: url(../image/casetit.png) no-repeat top center;
    height: 81px;
    width: 517px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 37px;
}
.index-t2 h3{
    text-align: right;
    font-size: 34px;
    font-weight: bold;
    color: #298df0;
    margin-right: 65px;
    padding-top: 26px;
}
.index-t2 .w1{top: 58px;left: -13px;font-size: 14px;}
.case-title{
    text-align: center;
}


.case-content{
    position: relative;
}
.l_btn1,.r_btn1{position:absolute;top:24%;cursor:pointer;}
.l_btn1{left:-80px;}
.r_btn1{right:-80px;}


.contact-bg{
    background: url(404.png) no-repeat top center;
    height: 404px;
    overflow: hidden;
}

.contact-index{
    padding-top: 125px;
}


.contact-left{
    width:362px;margin-left:78px;
}
.ct1{
    font-size: 22px;
    color: #fff;
    border-bottom: 1px solid#fff;
    padding-bottom: 5px;
    line-height: 32px;
    width: 356px;
    padding-left: 13px;
}
.ct1 p{line-height: 32px;}
.ct1 p:nth-of-type(2){
    font-size: 16px;color:#ececec;
}
.ct2{
    margin-top: 13px;margin-left: 13px;
}
.ct2 p{
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    padding-left: 26px;
}

.ct2 p:nth-of-type(1){
    background: url(../image/p1.png) no-repeat left center;
}
.ct2 p:nth-of-type(2){
    background: url(../image/p4.png) no-repeat left center;
}
.ct2 p:nth-of-type(3){
    background: url(../image/p4.png) no-repeat left center;
}
.ct2 p:nth-of-type(4){
    background: url(../image/p2.png) no-repeat left center;
}


.mess{
    width:620px;
}

.mess-title{
    font-weight: normal;
    font-size: 22px;
    color: #fff;
    margin-bottom: 38px;
}
.mess-title p{
    font-size: 16px;color:#ececec;padding-top:3px;line-height: 32px;
}



.message1{z-index:100;position:relative;}
.message1 input{vertical-align:middle;}
.message1 #name{display:block;height:36px;line-height:36px;padding:0;padding-left:65px;border:1px solid #fff;width:286px;background: none;border-radius: 5px;margin-bottom: 26px;font-size: 14px;color: #fff;}
.message1 #contact{display:block;height:36px;line-height:36px;padding:0;padding-left:65px;border:1px solid #fff;width:286px;background: none;border-radius: 5px;margin-bottom: 26px;font-size: 14px;color: #fff;}
.message1 #content{display:block;height:36px;line-height:36px;padding:0;padding-left:65px;border:1px solid #fff;width:286px;background: none;border-radius: 5px;font-size: 14px;color: #fff;}
.message1 .msgbtn{background:#2a8beb;cursor:pointer;width:624px;height:37px;line-height:27px;text-align:center;border:none;color:#fff;font-size:14px;
border-radius:3px;font-family:"Microsoft YaHei";-moz-border-radius:3px;-webkit-border-radius:3px;}
#message1_main tr{position:relative;}
#message1_main tr th{font-weight:normal;text-align:right;height:42px;line-height:42px;color:#666;}
.m_label1{position:absolute;width:63px;text-align:left;line-height:37px;padding-left:8px;color:#fff;z-index:1;cursor:text;font-size: 14px;background: url(../image/t11.png) no-repeat 62px center;}
.c_label1{line-height:18px;padding-top:12px;}

#checkcode {
    height: 32px;
    line-height: 32px;
    width: 143px;
    border: 1px solid #dedede;
}
/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;margin-bottom:15px;}

/*页面底部*/
.foot-bg{
    background: url(404.png) no-repeat top center;
    height: 356px;
    overflow: hidden;
}
#footer{position:relative;width:1200px;margin:0 auto;padding-top: 35px;color: #8e8e8e;}
#footer a{color:#8e8e8e;}
#footer a:hover{color:#e87518;text-decoration:none;}


.foot1{
    width:430px;
}

#footer .foot-title{
    font-weight: normal;
    font-size: 16px;
    color: #d8d8d8;
    border-bottom: 1px solid #676767;
    line-height: 40px;
    margin-bottom: 20px;
    width: 228px;
}

.foot2{
    width:370px;
    margin-left: 40px;
}

.nav_foot{
    font-size: 14px;
}
.nav_foot a{
    margin-right: 40px;
    line-height: 30px;
}

.ctf p{
    font-size: 14px;
    color: #8e8e8e;
    padding-left: 22px;
    line-height: 30px;
}
.erq p{
    font-size: 12px;
    color: #8e8e8e;
    line-height: 30px;
}


.foot3{
    width:280px;
    margin-left: 42px;
    color: #8e8e8e;
    line-height: 30px;
}

.foot4{
    width:200px;
}
.foot4 p img{
    margin-bottom: 15px;
}
#footer .foot3 .foot-title{width: 280px;}
#footer .foot4 .foot-title{width: 200px;}


.copyright{text-align:center;line-height:31px;border-top: 1px solid #4a4a4a;margin-top: 40px;padding-top: 10px;font-size: 14px;}








/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}
#container{
    width: 1200px!important;margin: 0 auto;padding: 0;
}
.page-position a{color: #333;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}