@charset "utf-8";



/* CSS Document */







::selection {



    background-color: : #f00;



}







::-moz-selection {



    background-color: : #f00;



}







::-webkit-selection {



    background-color: : #f00;



}







::-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;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







input,



textarea {



    outline: 0;



    border: 0;



}







textarea {



    resize: none;



}







h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}



.clear{clear:both;}







.danyou_bg{ background:url(../images/danyou_bg.jpg) no-repeat center; height:642px; margin:0 auto;}



.danyou_bg .danyou{ height:642px; margin:0 auto; width:1180px; padding-top:50px;}



.danyou_bg .danyou .danyou_t{ margin:0 auto; text-align:center; font-size:32px; font-weight:bold; color:#0050a7; line-height:40px;}



.danyou_bg .danyou .danyou_t p{ margin:0 auto; text-align:center; font-size:16px; font-weight:bold; color:#333; }



.danyou_bg .danyou .danyou_nr{ margin:30px 80px 0 auto; width:455px; float:right; }



.danyou_bg .danyou .danyou_nr .nr_t{ color:#333;font-size:24px; font-weight:bold; line-height:40px; margin-bottom:20px;}



.danyou_bg .danyou .danyou_nr .nr_t p{ color:#ff7120;font-size:24px; font-weight:bold;}







.danyou_bg .danyou .danyou_nr ul li{ height:110px; margin-bottom:15px;}



.danyou_bg .danyou .danyou_nr ul li h5{ color:#ff7120;font-size:18px; font-weight:bold;    line-height: 40px;}



.danyou_bg .danyou .danyou_nr ul li p{color:#333;font-size:15px; font-weight:normal; line-height:24px;}











.product{margin:50px auto 0 auto;width:1180px; height:auto; }



.list{ float:left; width:220px; border:1px solid #eee; }



.list .list_t{height:96px;text-align:center; background:url(../images/left_t.jpg) no-repeat center; display:block;}



.list .list_t h2 a{ font-size:24px; color:#fff;display:block; line-height:80px; font-weight:bold;margin-left:36px;}



.list .list_con{width:222px; }







#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;}



#menu a {display: block;text-decoration: none;	}



#menu li { line-height:30px; font-family:"Microsoft YaHei"; font-size:16px; text-indent:20px;margin:0px auto;}



#menu li .first{background:url(../images/list.jpg) no-repeat center; height:45px;width:204px;margin:20px  8px 15px 8px;}



#menu li a.first { height:45px;font-size:16px;color:#fff; line-height:45px; display:block; text-align:center; font-weight:bold;}



#menu li ul li{height:50px; line-height:50px; border-bottom:1px dashed #e6e6e6;margin:3px auto;}



#menu li ul li a {color: #333;font-size:14px; text-align:left;padding-left:20px; background:url(../images/buttom.jpg) no-repeat 30px center;padding-left:40px;}



#menu li ul li a:hover {color:#c8161d;}



.phone{width:222px; height:142px;padding-top:20px;}



.phone .hm{ text-align:center; font-size:14px; color:#333; background:url(../images/phone.jpg) no-repeat 10px 18px;padding:20px 0;}



.phone .hm p{ text-align:center; font-size:16px; color:#333; font-weight:bold; margin-top:5px;}



.phone .zx{ margin:0 auto; width:120px; height:34px;}







#tab{width:940px;position:relative;margin:0 auto 0 18px; float:right;}                            



#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1; height:44px; border-bottom:2px solid #d6d3d3;}



#tab .tab_menu li a{float:left;width:110px;height:44px;line-height:44px;cursor:pointer;text-align:center;margin:0px 10px 0px 0; font-size:16px; color:#fff; display:block; background:#0050a7; }



#tab .tab_box{width:940px;height:auto;clear:both;top:35px;position:relative; float:right; overflow:hidden;}



#tab .tab_menu .selected a{background:#ff7120 ;cursor:pointer;color:#fff; height:44px;display:block; }



#tab .tab_box ul li{float:left;width:220px; height:255px;margin:20px 15px 0px 0;}



#tab .tab_box ul li img{ width:212px; height:216px; padding:3px; border:1px solid #dbdbdb;}



#tab .tab_box ul li p{width:220px;height:35px;}



#tab .tab_box ul li p a{width:220px; text-align:center; display:block; height:35px; line-height:35px; font-size:14px;color:#333;}



#tab .hide{display:none;}



#tab .tab_box div{padding:10px 0;} 







.banner1{margin:30px auto 0 auto;width:100%; height:268px; background:url(../images/banner_1.jpg)  no-repeat center;}



.banner1 .zx {width:1180px;margin:0 auto;}



.banner1 .zx .zx1{ width:660px; float:right;margin:190px 25px 0 0;color:#fff; font-size:18px;font-weight:bold;}



.banner1 .zx .zx1 .rexian{float:left;color:#fff;font-size:18px;margin-top: 14px;}



.banner1 .zx .zx1 .buttom img{margin:0px 0 0px 50px;}







.case_bg{ width:100%; margin:0 auto; background:url(../images/case_bg.jpg) repeat center; height:525px;}



.case_bg .case{ width:1180px; margin:0 auto; padding-top:50px;}



.case_bg .case .case_t{width:1180px; margin:0 auto; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#666;}



.case_bg .case .case_t h3 a{font-size:24px; font-weight:bold; color:#0050a7; display:block;}



.case_bg .case .case_nr{ margin:30px auto 0 auto; width:1180px;}



.case_bg .case .case_nr .case_left{ margin:0 auto; width:198px; float:left;}



.case_bg .case .case_nr .case_left ul li{ width:198px; height:80px; background:#fff; border:1px solid #ddd; margin-bottom:10px;}



.case_bg .case .case_nr .case_left ul li.casehover{ background:#0050a7; color:#fff;}



.case_bg .case .case_nr .case_left ul li.casehover a{ background:#0050a7; color:#fff;}



.case_bg .case .case_nr .case_left ul li.casehover a span{ background:#0050a7; color:#fff;}







.case_bg .case .case_nr .case_left ul li a{font-size:18px; color:#333; font-weight:bold; text-align:center; display:block; line-height:24px;margin-top: 15px;}



.case_bg .case .case_nr .case_left ul li a span{font-size:14px; color:#666; font-weight:normal; text-align:center; display:block;text-transform: uppercase;}



.case_bg .case .case_nr .case_right{width:965px; height:325px; float:right;}



.case_bg .case .case_nr .case_right ul li{width:300px; height:325px; float:left; margin-left:20px;}



.case_bg .case .case_nr .case_right ul li img{width:300px; height:325px; }



.case_bg .case .case_nr .case_right ul li p a{width:300px; text-align:center; line-height:30px; font-size:14px; color:#333; display:block; }











.ysbg{ width:100%; background:url(../images/ys_bg.jpg) no-repeat top center; height:1356px;margin: 0 auto; position:relative;}



.ysbg .advantage{ width:1180px; height:1356px; margin:0 auto; position:relative; }



.ysbg .advantage_title{margin:0px auto 0 auto;padding-top:62px;}



.ysbg .advantage_title a{  color:#0050a7; font-size:44px; font-weight:bold; display:block; text-align: center;}



.ysbg .advantage_title p{color:#0050a7; opacity: 0.7; font-size:18px; font-weight:bold; text-align: center; margin-top:25px; }







.advantage .ys1{ position:absolute; top:278px;width:590px; height:200px;left:0;}



.advantage .ys1 .yst{ color:#0050a7; font-size:24px;position:absolute;  left:90px; font-weight:bold; }



.advantage .ys1 .yscon{ color:#333; font-size:14px;position:absolute; top:60px; left:70px; }



.advantage .ys1 .yscon p{line-height:24px;margin-bottom:10px; background:url(../images/buttom1.png) no-repeat 0px 9px; padding-left:25px; }











.advantage .ys2{ position:absolute; top:672px; right:0; width:590px; height:200px;}



.advantage .ys2 .yst{color:#0050a7; font-size:24px;position:absolute; left:90px;font-weight:bold;}



.advantage .ys2 .yscon{ color:#333; font-size:14px;position:absolute; top:60px; left:90px; }



.advantage .ys2 .yscon p{ line-height:24px;margin-bottom:10px;background:url(../images/buttom1.png) no-repeat 0px 9px; padding-left:25px; }











.advantage .ys3{ position:absolute; top:1054px;width:590px; height:200px;left:0;}



.advantage .ys3 .yst{ color:#0050a7; font-size:24px;position:absolute; left:90px;font-weight:bold;}



.advantage .ys3 .yscon{ color:#333; font-size:14px;position:absolute; top:60px; left:70px;  }   



.advantage .ys3 .yscon p{ line-height:24px;margin-bottom:10px;background:url(../images/buttom1.png) no-repeat 0px 9px; padding-left:25px;}







.advantage .tu1{ position:absolute; top:250px; right:0px; width:501px; height:307px;}



.advantage .tu1 .img{position:absolute;  right:12px; }



.advantage .tu2{ position:absolute; top:630px; left:0px; width:443px; height:319px;}



.advantage .tu2 .img{position:absolute;  left:25px;}



.advantage .tu3{ position:absolute; top:990px; right:0px; width:433px; height:369px;}



.advantage .tu3 .img{position:absolute;  left:25px;}







.he_title{width:1180px;margin:35px auto 0 auto;}



.he_title h3 a{font-size:24px;color:#333; text-align:center; height:57px; font-weight:bold; background:url(../images/hz_t.jpg) no-repeat center; display:block;}



.gd_01{ position:relative; height:180px; width:1180px;margin: 12px auto 0 auto;}



.gd_01 em{position: absolute;top: 50px;}



.gd_01 .t_l{ left:0px;}



.gd_01 .t_r{ right:0px;}



.gd_01 #simgs{ margin:0px 50px;}



.gd_01 li{ float:left; width:236px; text-align:center;margin:10px 10px 40px 10px; background:url(../images/yy.jpg) no-repeat bottom center;height: 149px;}



.gd_01 li.last{ padding-right:0;}



.gd_01 li .img img{ display:block; width:234px; height:124px; border:1px solid #dcdcdc; }



.gd_01 li a{ color:#333;}



.gd_01 .fl { float:left;}



.gd_01 .fr { float:right;}



.gd_01 .pa{ position:absolute;}



.gd_01 .pr{ position:relative}



.gd_01 #simgs a{color:#333;font-size:14px; line-height:60px; text-align:center; }







.about_bg{width:100%;margin:50px auto 0 auto; background:url(../images/ab_bg.jpg) no-repeat center; height:839px;}



.about{width:1180px;margin:0px auto 0 auto; padding-top:50px;}



.about .left{ float:left;width:860px;height:340px; }



.about .left .box{margin: 10px 0 0 20px; height:340px; float:left;width:435px;}



.about .left .img{ float:left; width:401px; height:316px;margin: 0px; background:url(../images/img_y.jpg) no-repeat bottom center;}



.about .left .img img{ width:400px; height:300px; margin: 0px 0px; }



.about .left .box h3 a {font-size:16px; color:#333;margin:0px 0 20px 0px; font-weight:bold; display:block;}



.about .left .box p{ font-size:12px;width:425px; text-indent:2em; line-height:24px; color:#545454; height:200px; overflow:hidden; margin:20px 0 10px 0;}



.about .left .box .xq a{ margin:5px 0px 0 0px; display:block; color:#ff7120; font-size:14px; text-align:center; line-height:34px;float:left; background:url(../images/xq.png) no-repeat center; width:117px; height:34px;}







.about .right{ float:right;width:293px;height:320px; border:1px solid #d2d2d2;margin-top: 20px;}



.about .right .right_title{width:293px;height:42px; background:url(../images/zz_t.png) no-repeat center;}



.about .right .right_title .r_biaoti h3 a{font-size:16px; color:#fff; font-weight:bold; margin:-20px auto; text-align:center; line-height:42px; display:block;}



.gd_03{ position:relative; width:293px; margin: 0 0px;padding-top:60px;}



.gd_03 em{position: absolute;top: 105px;}



.gd_03 .t_l{left: 10px;}



.gd_03 .t_r{right: 10px;}



.gd_03 #simgs03{ margin:0 50px;}



.gd_03 li{ float:left; width:192px; text-align:center;}



.gd_03 li.last{ padding-right:0;}



.gd_03 li img{ display:block; width:192px; height:142px; margin-bottom:30px;}



.gd_03 li a{ color:#333;font-size:14px;white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden; display: block;}



.gd_03 .fl { float:left;}



.gd_03 .fr { float:right;}



.gd_03 .pa{ position:absolute;}



.gd_03 .pr{ position:relative}







.honor{width:1180px;height:435px; margin:0 auto;}



.honor_title{width:1180px; margin:30px auto 20px auto; height:47px; line-height:47px;}



.honor_title h3 a{ font-size:30px; color:#0050a7; margin:0 auto; text-align:center; display:block; font-weight:bold;}



.honor_title .more{ margin:0 auto; text-align:center; display:block;font-size:14px; color:#fff; background:url(../images/ry_t.png) no-repeat center; height:34px; line-height:34px;}



.honor_box{ width:1180px; margin:50px auto 0 auto; height:300px;}



/********图片滚动********/



.gd_02{ position:relative; height:200px;margin:0 40px;}



.gd_02 em{position: absolute;top:100px;height: 43px;}



.gd_02 .t_l{ left:-37px;}



.gd_02 .t_r{right:-37px;}



.gd_02 #simgs2{ margin: 0 40px;}



.gd_02 li{ float:left; width:195px;text-align:center; padding-top:20px; margin:0 10px;}



.gd_02 li.last{ padding-right:0;}



.gd_02 li img{ display:block; width:195px; height:232px; margin-bottom:10px; padding:5px;}



.gd_02 .fl { float:left;}



.gd_02 .fr { float:right;}



.gd_02 .pa{ position:absolute;}



.gd_02 .pr{ position:relative} 



.gd_02 li img:hover{ border:#023793 1px solid;}



.gd_02 #simgs2 a{font-size:14px;color:#333;white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow: hidden; display:block;  }







.banner2{margin: 0 auto;width:100%; height:235px; background:url(../images/banner_2.jpg)  no-repeat center;}



.banner2 .zx {width:1180px;margin:0 auto;}



.banner2 .zx .zx1{ width:300px; float:right;margin:60px 15px 0 65px;}



.banner2 .zx .zx1 .rexian{color:#fff;font-size:18px;margin: 30px 0 0 20px;font-weight:bold;}



.banner2 .zx img{margin:20px 0 0px 65px;}







.review_bg{width:100%; height:620px; margin:0px auto 0 auto; background:url(../images/case_bg.jpg) repeat center;}



.review_title{width:1180px;margin:0px auto 0 auto;height:80px; padding-top:50px;}



.review_title h3 a {font-size:24px;color:#0050a7; text-align:center; font-weight:bold; display:block; }



.review_title .more{font-size:14px;color:#333; text-align:center; line-height:50px;display:block; background:url(../images/more1.png) no-repeat center; width:141px; text-align:center; margin:10px auto 0 auto;}



.review_title .more a{font-size:14px;color:#333; text-align:center; line-height:28px; display:block; }



.review{width:1180px; height:410px; margin:30px auto 0 auto;}







.review ul li{width:280px; float:left;height:400px;margin:0 13px 0 0; background:url(../images/jz_list.png) no-repeat bottom center; height:446px;}



.review ul li .img{width:260px; margin:15px 10px;}



.review ul li .img img{width:260px;height:175px; border:1px solid #dbdbdb;}



.review ul li .neir{width:280px; height:210px;margin-top:15px;}



.review ul li .neir h5 a{font-size:14px;color:#333; font-weight:bold;text-align:center; margin:10px 25px; height:30px; display:block; background:url(../images/xt.jpg) no-repeat bottom center;white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow: hidden;display:block; }



.review ul li .neir p{font-size:12px;color:#333;line-height:200%; overflow:hidden;margin:0 10px; height:100px; overflow:hidden;}



.review ul li .xq{width:135px;height:34px; background:#ff7120; margin:8px auto;}



.review ul li .xq a{color:#fff; line-height:34px; text-align:center; display:block; font-size:14px;}











.trends_bg{margin: 0 auto;width:100%; height:700px; background:#f2f2f2;}



.trends{margin: 0 auto;width:1180px; height:390px; padding-top:50px;}



.trends .img{ float:left; width:504px; height:390px; border:1px solid  #dbdbdb;}



.trends .tab_menu{ width:640px; height:390px; float:right; }



.tab_menu .ttt{ width:640px; height:54px; background:#0050a7; }



.tab_menu .ttt ul{ width:360px; float:left; height:54px; }



.tab_menu li h3 a{font-size:16px;color:#fff; font-weight:bold; width:165px; line-height:54px; display:block;}



.tab_menu .ttt .gd{ float:right; line-height:54px; padding-right:5px;}



.tab_menu .ttt .gd a{font-size:14px;color:#fff;}



.tab_menu .ttt li{ float:left; width:165px; height:54px; text-align:center; line-height:54px;cursor:pointer; color:#333; margin-right:15px;}



.tab_menu .ttt li.selected{color:#fff;background:#ff7120;}



.tab_menu .ttt li h3 a:hover{color:#fff;background:#ff7120;}



.tab_menu .tabcont{ width:640px; float:left; height:auto;clear:both;margin-top:20px;}



.tab_menu .tabcont .tabc{width:640px; float:left; height:auto;clear:both;}



.tab_menu .tabc ul li{width:620px; float:left;line-height:38px; background:url(../images/buttom2.jpg) no-repeat 10px center; padding-left:20px; border-bottom:1px dashed #dfdfdf;}



.tab_menu .tabc ul li.last{ overflow:none;}



.tab_menu .tabc ul li span{ float:right; padding-right:10px;font-size:14px; color:#545454;}



.tab_menu .tabc ul li a{ font-size:14px; color:#545454; float:left;padding:0 5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width:260px; }







.wenda{ width:1180px; margin:30px auto 0 auto; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; height:200px;}



.wenda .wd_t{ padding-left:0px;  width:200px; height:200px; float:left; }



.wenda .wd_t h3 a{ font-size:13px; font-weight:bold;background:url(../images/wen_t.jpg) no-repeat left center; color:#333; width:194px; display:block;height:80px; margin:20px 0 0 0px;padding:35px 0 0 120px;}



.wenda .wd_t .more{ float:right; color:#333; font-size:14px; width:70px; height:25px; line-height:25px; text-align:center; display:block; border:1px solid #1c1c1c;margin-right: 18px;}







.wenda .wdcon{ width:945px; float:left; margin:50px 0 0 30px;}



.wdcon ul li{ width:395px; float:left; margin-left:15px;}



.wdcon ul li .wen{ padding-left:27px; background:url(../images/Q.jpg) left center no-repeat; line-height:40px; height:40px;}



.wdcon ul li .wen a{ font-size:14px; font-weight:bold; color:#333;}



.wdcon ul li .da{padding-left:27px; background:url(../images/A.jpg) left top no-repeat; line-height:24px; font-size:12px; color:#545454; }







.catenate{margin:30px auto 0 auto; width:1180px; height:48px; border-bottom:1px solid #d2d2d2;}



.catenate .link{float:left;font-size:16px;color:#fff; line-height:48px; font-weight:bold; width:169px; text-align:center; line-height:48px; background:url(../images/links.jpg) no-repeat center;}



.catenate .yq a{font-size:14px;color:#333; float:left; height:48px;line-height:48px; text-align:center;margin-left:10px;}