@charset "utf-8";

/* CSS Document */





/*-----------公用-----------*/

/*nav1*/

@-webkit-keyframes swing{

20%,40%,60%,80%,100%{-webkit-transform-origin:top center}

20%{-webkit-transform:rotate(15deg)}

40%{-webkit-transform:rotate(-10deg)}

60%{-webkit-transform:rotate(5deg)}

80%{-webkit-transform:rotate(-5deg)}

100%{-webkit-transform:rotate(0deg)}

}

@-moz-keyframes swing{

20%,40%,60%,80%,100%{-moz-transform-origin:top center}

20%{-moz-transform:rotate(15deg)}

40%{-moz-transform:rotate(-10deg)}

60%{-moz-transform:rotate(5deg)}

80%{-moz-transform:rotate(-5deg)}

100%{-moz-transform:rotate(0deg)}

}





/*nav2*/

@-webkit-keyframes pulse{

0%{-webkit-transform:scale(1)}

50%{-webkit-transform:scale(1.1)}

100%{-webkit-transform:scale(1)}

}

@-moz-keyframes pulse{

0%{-moz-transform:scale(1)}

50%{-moz-transform:scale(1.1)}

100%{-moz-transform:scale(1)}

}



/*nav3*/

@-webkit-keyframes tada{

0%{-webkit-transform:scale(1)}

10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}

30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}

40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}

100%{-webkit-transform:scale(1) rotate(0)}

}

@-moz-keyframes tada{

0%{-moz-transform:scale(1)}

10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}

30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}

40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}

100%{-moz-transform:scale(1) rotate(0)}

}







@-webkit-keyframes bounce{

0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}

40%{-webkit-transform:translateY(-30px)}

60%{-webkit-transform:translateY(-15px)}

}

@-moz-keyframes bounce{

0%,20%,50%,80%,100%{-moz-transform:translateY(0)}

40%{-moz-transform:translateY(-30px)}

60%{-moz-transform:translateY(-15px)}

}









/*tupian*/

/*1*/

@-webkit-keyframes pulse{

0%{-webkit-transform:scale(1)}

50%{-webkit-transform:scale(1.1)}

100%{-webkit-transform:scale(1)}

}

@-moz-keyframes pulse{

0%{-moz-transform:scale(1)}

50%{-moz-transform:scale(1.1)}

100%{-moz-transform:scale(1)}

}





HTML{overflow-x:hidden; height:auto;}



::selection {



    color: #fff;



    background-color: #0359ce;



}







::-moz-selection {



    color: #fff;



    background-color: #0359ce;



}







::-webkit-selection {



    color: #fff;



    background-color: #0359ce;



}



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555

}



* {

    padding: 0;

    margin: 0;

    font-family: "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}





li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



a {

    color: #333;

    text-decoration: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out; outline:none;

}



a:link,

a:hover,

a:active,

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

input,textarea {  outline:0;  border: 0;}

textarea { resize: none;}

h1,h2,h3,h4,h5,h6,dl,dd,dt,em { font-weight: normal;}

.hide{display:none;}

.clear{clear:both;}



/*-----------公用--------------*/









/*----banner-----*/

.banner{width:100%; height:550px; position:relative; top:-50px; z-index:1;}

.flexslider{position:relative;height:550px;clear:both; left:50%; margin-left:-960px; width:1920px;overflow: hidden;}

.slides{position:relative;z-index:1;}

.slides li a{height:550px; width:100%;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}

.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:318px; background:url(../images/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:318px;background:url(../images/next.png) center center no-repeat;}

/*----banner-end------*/







/*----serarch---*/

.search_box{width:100%; height:50px; background:#f2f2f2; margin-top:-50px;}

.search{width:1180px; height:50px; margin:0 auto;}

.search_left{width:700px; float:left; font-size:14px; color:#333; line-height:50px; overflow:hidden;}

.search_left a{color:#333;}

.search_right{width:283px; height:34px; float:right; border:1px solid #ccc; margin-top:6px; border-radius:5px;}

.search_right input{width:224px; height:24px; float:left; padding-left:15px; font-size:14px; color:#555; line-height:24px; margin-top:5px; border-right:1px dashed #ccc; background:none; outline:none;}

.search_right a{width:20px; height:21px; display:block; float:right; margin-top:7px; margin-right:10px;}

/*----serarch---*/





/*--product---*/

.product_box{width:100%; height:852px; background:#f7f7f7;}

.pro{width:1180px; height:596px; margin:0 auto; padding-top:30px;}

.pro_list{width:1180px; height:59px; background:url(../images/pro_list.jpg) center bottom no-repeat; margin:0 auto;}

.pro_list a{font-size:14px; color:#333; padding:0 23px; height:36px; line-height:36px; float:left; display:block;}

.pro_list a:hover{color:#0150bc;}

#tab{width:1180px; height:740px; margin:0 auto; padding-top:20px;}

.tab_menu{width:400px; margin:0 auto; height:54px;}

.tab_menu li{width:133px; text-align:center; float:left; line-height:36px;}

.tab_menu li a{font-size:18px; color:#333; font-weight:bold;}

.tab_menu li a:hover{color:#0150bc;}

.tab_menu li:first-child:after a{color:#0150bc;}

.tab_menu li.selected a{color:#0150bc;}

.tab_menu p{width:133px; float:right; text-align:center; line-height:36px;}

.tab_menu p a{font-size:18px; color:#333; font-weight:bold;}

.tab_box{width:1180px; height:461px; margin:0 auto;}

.tab_box ul li{overflow: hidden;width:210px; height:219px; float:left; text-align:center; margin:0 13px;}

.tab_box ul li img{width:210px; height:182px; display:block;}

.tab_box ul li a{font-size:14px; color:#333; line-height:28px;}

.tab_box ul li a:hover{color:#0150bc;}

.tab_box ul li:hover img{

-webkit-animation:pulse 1s .2s ease both;

-moz-animation:pulse 1s .2s ease both;}

@-webkit-keyframes pulse{

0%{-webkit-transform:scale(1)}

50%{-webkit-transform:scale(1.1)}

100%{-webkit-transform:scale(1)}

}

@-moz-keyframes pulse{

0%{-moz-transform:scale(1)}

50%{-moz-transform:scale(1.1)}

100%{-moz-transform:scale(1)}

}

/*--product---*/





/*----case---*/

.case_box{width:1180px; height:328px; margin:0 auto; padding-top:40px;}

.case_t{width:1180px; height:98px; margin:0 auto; text-align:center;}

.case_t h3 a{font-size:30px; color:#0359ce; font-weight:bold; line-height:36px;}

.case_t p{font-size:18px; color:#2e2e2e; line-height:36px;}

.case_nr{width:1180px; height:245px; margin:0 auto;}

.gd_01{ position:relative;height:234px; width:1180px; margin:0 auto;overflow: hidden;}

.gd_01 em{position:absolute; top:103px;}

.gd_01 .t_l{left: 0px;}

.gd_01 .t_r{right: 0px;}

.gd_01 #simgs1{ margin:0 auto; width:1112px;}

.gd_01 ul li{width:262px; float:left; text-align:center; margin:0 10px;}

.gd_01 ul li p{width:262px; height:28px;overflow: hidden;}

.gd_01 ul li img{width:252px; height:196px; padding:4px; border:1px solid #ccc; display:block;}

.gd_01 ul li a{font-size:14px; color:#333; line-height:28px;}

/*----case---*/





/*---ys----*/

.ys_bg{width:100%; height:626px; background:url(../images/ys_bg.jpg) center no-repeat; padding-top:30px;}

.ys{width:1180px; height:606px; margin:0 auto; padding-top:20px;}

.ys_top{width:1180px; height:90px; margin:0 auto;}

.ys_p{width:218px; float:left; margin-left:12px;}

.ys_p{font-size:16px; color:#fff; line-height:30px;}

.ys_p span{font-weight:bold; font-size:18px;}

.ys_p p{width:127px; height:26px; background:url(../images/ys_p.jpg) center no-repeat; text-align:center;}

.ys_p p a{font-size:16px; color:#fff; line-height:26px;}

.ys_t{width:896px; height:74px; float:right; background:url(../images/ys_t.jpg) center bottom no-repeat;}

.ys_t h3 a{font-size:30px; color:#fff; font-weight:bold; line-height:74px;}

.ys_t h3 span{font-size:18px; color:#fff; padding-left:20px;}

.ys_nr{width:1180px; height:515px; margin:0 auto;}

#tab2 .tab_menu2{width:230px; float:left;}

.tab_menu2 li{width:230px; height:87px; background:#0066f0; margin-bottom:12px;}

.tab_menu2 li b{display:block; width:74px; float:left; font-size:60px; color:#fff; line-height:74px; font-weight:normal; font-family:"Impact"; text-align:center;}

.tab_menu2 li p{width:147px; height:70px; float:right; font-size:20px; color:#fff; font-weight:bold; line-height:30px; margin-top:12px;}

.tab_menu2 li p span{display:block; font-size:12px; text-transform:uppercase; font-weight:normal;}

.tab_menu2 li:hover{background:#ff7300;}

.tab_menu2 li:firsr-child:after{background:#ff7300;}

.tab_menu2 li.selected2{background:#ff7300;}

.tab_box2{width:890px; float:right; margin-top:22px;}

.tab_box2 dl dt{width:286px; height:42px; background:#fd6500; border-radius:5px; text-align:center; font-size:22px; color:#fff; font-weight:bold; line-height:42px;}

.tab_box2 dl p{width:890px; height:130px; margin-top:28px; font-size:16px; color:#fff; line-height:30px;}

.tab_box2 dl img{width:891px; height:259px; display:block;}

/*---ys----*/





/*--about---*/

.about_box{width:1180px; height:346px; margin:0 auto; padding-top:40px;}

.about_left{width:448px; height:307px; float:left;}

.about_left img{width:448px; height:307px;}

.about_right{width:665px; height:310px; float:right;}

.about_nr h3 a{font-size:24px; color:#333; line-height:1px;}

.about_nr .about_wen{width:665px; height:130px; font-size:14px; color:#2b2b2b; line-height:26px; overflow:hidden; margin-top:20px;}

.about_nr span{display:block; width:109px; height:34px; background:url(../images/about_more.jpg) center  no-repeat; text-align:center; margin-top:20px;}

.about_nr{width:665px;}

.about_right span a{font-size:16px; color:#fff; line-height:34px;}

.about_p{width:665px; height:48px; background:#0359ce; margin-top:54px;}

.about_p p{width:510px; padding-left:15px; font-size:18px; color:#fff; line-height:48px; float:left;}

.about_p p span{font-size:24px;}

.about_p b{width:96px; height:48px; float:right; background:#ff721b; display:block; text-align:center;}

.about_p b a{font-size:18px; color:#fff; line-height:48px; font-weight:normal;}

/*--about---*/





/*---xiangce----*/

.xc_box{width:1180px; height:244px; margin:0 auto;}

.xc_t{width:1180px; height:34px; border-bottom:1px solid #ccc; margin:0 auto;}

.xc_t h3{width:112px; height:33px; float:left; background:#0359ce; text-align:center;}

.xc_t h3 a{font-size:16px; color:#fff; line-height:33px;}

.xc_t p{width:80px; float:right; text-align:right;}

.xc_t p a{font-size:14px; color:#555; line-height:33px;}

.xc_nr{width:1180px; height:176px; margin:0 auto; padding-top:24px;}

.gd_02{ position:relative;height:176px; width:1180px; margin:0 auto;overflow: hidden;}

.gd_02 em{position:absolute; top:44px;}

.gd_02 .t_l{left: 0px;}

.gd_02 .t_r{right: 0px;}

.gd_02 #simgs2{ margin:0 auto; width:1096px;}

.gd_02 ul li{width:204px; float:left; text-align:center; margin:0 10px;}

.gd_02 ul li img{width:204px; height:137px; display:block;}

.gd_02 ul li a{font-size:14px; color:#333; line-height:28px;}

/*---xiangce----*/







/*--news---*/

.news_box{width:1180px; height:430px; margin:0 auto;}

.news_left{width:776px; float:left;}

.news1{width:369px; height:404px; float:left; border:1px solid #ccc;}

.news2{width:369px; height:404px; float:right; border:1px solid #ccc;}

.news_t{width:369px; height:36px; border-bottom:1px solid #ccc; clear:both;}

.news_t h3{width:140px; float:left; padding-left:10px;}

.news_t h3 img{width:19px; height:14px; margin-top:10px;}

.news_t h3 a{font-size:16px; color:#373737; padding-left:10px; line-height:36px;}

.news_t p{width:60px; float:right;}

.news_t p a{font-size:14px; color:#555; line-height:36px;}

.news_tu{width:356px; height:103px; margin:10px auto;}

.news_tu img{width:356px; height:103px;}

.news_list{width:356px; margin:0 auto;}

.news_list ul li{width:356px; height:34px; font-size:14px; color:#ccc; line-height:34px; background:url(../images/news_li.jpg)1px 16px no-repeat;}

.news_list ul li a{width:254px; height:34px; padding-left:30px; font-size:14px; color:#333; line-height:36px; overflow:hidden; float:left; display:block;}

.news_list ul li span{width:46px; float:right; font-size:14px; color:#666; line-height:34px;}

.news_list ul li a:hover{color:#0359ce;}

/*--news---*/





/*---cj----*/

.cj{width:369px; height:404px; float:right; border:1px solid #ccc;}

/*---cj----*/







/*---links---*/

.links_box{width:1180px; height:80px; margin:0 auto;}

.links{width:166px; height:33px; background:#0359ce; text-align:center; line-height:32px; font-size:18px; color:#fff; font-weight:bold;}

.links_nr{width:1180px; height:40px; line-height:40px;}

.links_nr a{font-size:14px; color:#333; padding-right:20px;}

/*---links---*/