@charset "utf-8";



/* CSS Document */



/*banner*/

.banner {

	width:100%; overflow-x:hidden;

}

.banner .51buypic li{height:455px;}





.www51buycom {



    width: 1920px;



    height: 455px;



    position: relative;



    overflow: hidden;



    margin-left: 50%;



    left: -960px;



    top: 0px;



}











/*数字按钮样式*/

.www51buycom .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; zoom:1; z-index:3;left: 50%;



    -webkit-transform: translateX(-50%);



    -ms-transform: translateX(-50%);



    transform: translateX(-50%); }



.www51buycom .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }



.www51buycom .num li.on { background: #0f3685; } /*当前项*/







/*上一个  下一个*/



.www51buycom .prev,



.www51buycom .next { display: none; width: 40px; height: 100px; background:url(../images/btn.png) no-repeat; position: absolute; top: 180px;}



.www51buycom .prev { left: 0; }



.www51buycom .next { right: 0; background-position: right }



/*banner end*/







/*search*/



#search {



	width: 100%;



	height: 53px;



	background: #eeeef0;



}



.search {



	width: 1180px;



	padding: 0;



	margin: 0 auto;



}



.search_left {



	width: 778px;



	line-height: 53px;



	float: left;



	color:#666;



}



.search_left img{ margin-right:10px;}



.search_left a {



	color:#666;



	margin: 0 6px;



}



.search_right {



    position: relative;



    width: 318px;



    float: right;



    margin-top: 12.5px;



}



.searchbar {



    width: 256px;



    line-height: 30px;



    height: 30px;



    float: left;



    outline: none;



    padding-left: 20px;



    border: 1px solid #ccc;



    border-radius: 15px;



}



.searchbtn {



    width: 30px;



    height: 30px;



    right: 0px;



    border: 0;



    background: url(../images/search.png);



    float: left;



    outline: none;



    color: #fff;



    cursor: pointer;



    top: 6px;



    margin-left: 10px;



}



/*search end*/







.title{ width:1180px; margin:40px auto 20px; text-align:center; }



.title h3{ text-align:center; display:inline-block; background:#fff; padding:0 20px; }



.title a{ font-size:24px; color:#202023;font-weight:100;}



.title a span{ color:#0f3685; }



.title a p{ font-size:18px; color:#afafaf; text-transform:uppercase; background:url(../images/tt.png) no-repeat center center;}



/*cooperation*/



#cooperation{ width:100%; height:auto; overflow-x:hidden;}



.cooperation{ width:1180px; padding:0; margin:0 auto;}



.gd_01{ position:relative; height:141px; width:1180px;}



.gd_01 em{



	position: absolute;



	top: 16px;



}



.gd_01 .t_l{ left:0px;}



.gd_01 .t_r{ right:0px;}



.gd_01 #simgs{ margin: 0 64px;}



.gd_01 li{ float:left; width:181px; text-align:center; margin:0 15px;}



.gd_01 li.last{ padding-right:0;}



.gd_01 li img{ display:block; width:181px; height:90px; border:1px solid #d3d3d3;}



.gd_01 li a{ color:#000000;}



.gd_01 .fl { float:left;}



.gd_01 .fr { float:right;}



.gd_01 .pa{ position:absolute;}



.gd_01 .pr{ position:relative}



/*cooperation end*/







/*product*/



#product{ width:100%; height:auto; overflow-x:hidden; margin-top:30px;}



.product{ width:1180px; padding:0; margin:0 auto;}



.juedui_more{position: absolute;



    right: 0;



    top: 68px;



}







.product_left {



	width: 223px;	



	float: left;



}



.cpzxtt { width:223px;



    height: 46px; background:#0f3685;



}



.cpzxtt a{ color:#fff; line-height:46px; text-align:center; display:block;}



.cpzxtt2{ height:55px; background:#0f3685; line-height:55px; text-align:center; color:#fff;}



.fenlei{ line-height:35px;  border: 2px #0f3685 solid; padding-bottom: 6px;padding-top: 18px;}



.fenlei b{ margin:0 13px; display:block; width:192px; height:30px; margin-right: 9px;  line-height:30px; background:#0f3685;}

.fenlei b:hover {

    background: #1A47A0;

}



.fenlei b a{ color:#fff; font-weight:100; margin-left: 18px;}



.fenlei>ul>li {

overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: 40px;



    line-height: 40px;



    border-top: 1px #0f3685 dashed;



    margin: 0 13px;



}

.fenlei>ul>li:hover::before{content:"▸"; position:relative; left:20px;}



.fenlei>ul>li:first-child{ border-top:0;}



.fenlei2 p{ line-height:20px; font-size:12px;}



.fenlei>ul>li>a{ padding-left:6px; margin-left: 18px;}



.fenlei>ul>li>a:hover{ color:#0f3685;}



.product_right {



    width: 929px;



    float: right;



}







.product_right h4 {



    font-size: 18px;



    width: 929px;



    height: 40px;



    line-height: 40px; margin-bottom:20px;



}



.product_right>h4>ul{ height:45px;}



.product_right h4 div{ width:100%; height:1px; border-bottom:1px solid #eee; border-top:1px solid #eee;}



.product_right>h4>ul>li.selected{}



.product_right>h4>ul>li { color:#0f3685; font-size:18px; font-weight: 600;}



.product .tab_menu li{ font-size:16px; color:#333; width:150px; height:45px; line-height:45px; text-align:center;  margin-right: 0;



    float: left; font-weight:500;}



.r_more{ font-size:13px; font-weight:100; color:#666; float:right;}



.tab_box .hide{ display:none;}



.product_show { width:946px;



}



.product_show li { width:223px;



    float: left; margin-right:12px;



    margin-bottom: 50px; 



}



.product_show li  h5:hover a{ color:#0f3685;}



.product_show li .product_img:hover a img{ width:101%; }



.product_show li h5 {



    height: 35px;



    line-height: 49px;



    text-align: center;



    



}



.product_img {

    width: 223px;

    height: 174px;

    background: #fff;

    border: 1px solid #eee;

    overflow: hidden;

}



.product_img a{ width:213px; height:164px; display:block; overflow:hidden; margin:5px;}



.product_img img{ width:100%; transition:all ease 300ms;}



.product_img img:hover{ width:101%;}





/*product end*/







/*banner1*/



#banner1{ width:100%; height:214px; background:url(../images/banner01.jpg) no-repeat 50%; pandding:0; margin:0 auto; margin-top:50px;}



.banner1{ width:1180px; height:214px;  padding-top:1px; position:relative; padding:0; margin:0 auto;}







.tantou1 {



    float: right;



    position: relative;



    right: 0;



    top: 51px;



    text-align: left;



}



.tantou1 h5 {



    font-size: 28px;



    color: #fff;



    font-weight: 600; display:inline-block;



}



.tantou1 h5 span{ font-weight:200; font-size:19px;}



.btn1 {



    width: 236px;



    height: 55px;



    overflow: hidden;



    margin-top: 17px;



    transition: 300ms ease;



    border-radius: 20px;



    background-color: #ce3737;



}



.btn1 a {



    color: #fff;



    display: block;



    text-align: center;



    font-size: 20.5px;



    line-height: 55px;



}



.btn1:hover{ width:238px;}



/*banner1 end*/



/*case*/



#case{ width:100%; height:664px; overflow-x:hidden; background:url(../images/case_bg.jpg) center no-repeat;}



.case{ width:1180px; padding:0; margin:0 auto;}



.case #tab {



	width: 1180px;



	text-align: center;



}



.case #tab .tab_menu {



    display: inline-block;



    margin-top: 53px;



    float: left;



    width: 150px;



}



.case #tab .tab_menu li {



    text-align: center;



    color: #333;



    height: 123px;



}



.case .tab_menu li {



    margin-right: 0;



    font-weight: 500;



}



.case #tab .tab_menu li p{ overflow:hidden; text-overflow:ellipsis; white-space:normal;}



.case #tab .tab_box {



    width: 993px;



    height: 399px;



    top: 30px;



    overflow: hidden;



    float: right;



    margin-top: 65px;



}



.case_zhaiyao {



    text-align: left;



    line-height: 25px;



    height: 75px;



    overflow: hidden;



}



.course_img.left {



    margin-left: 12px;



    width: 498px;



    height: 373px;



    overflow: hidden;



}



.course_img.left img{ height:498px; transition: all ease 500ms;}



.course_text.left {



    width: 418px;



    margin-left: 70px;



}



.course_text.left h3 {



    margin-top: 76px;



    line-height: 62px; margin-bottom: 25px;



}

.course_text span {

    font-weight: 600;

}

.course_text.left h3 a{ color:#083378;}



.course_text.left p{ text-align:left; line-height: 30px;}



.case #tab .tab_menu li{ font-size:60px; line-height:150px;}



.case #tab .tab_menu .selected a {



	color: #0F3685;



}



.case #tab .hide {



	display: none;



}



.case #tab .tab_box>div {



	transition: all ease 300ms;



	position: absolute;



}

a.img {

    background-color: #000;

    display: block;

}

.course_img.left img:hover {

    opacity: 0.8;

}



.tab_box>div:nth-child(2){



    display: none;



}



.tab_box>div:nth-child(3){



    display: none;



}



.more {



    width: 91px;



    height: 30px;



    line-height: 30px;



    padding: 0;



    margin: 0 auto;



    margin-top: 16px;



    position: relative;



}



.more a {



    display: block;



    border: 1px #0f3685 solid;



    color: #0f3685;



    text-align: center;



    border-radius: 20px;



}



.more a:hover{ background:#0f3685; color:#fff;}



/*case end*/











/*reason*/



#reason{ width:100%; height:1279px; background:url(../images/ys_bg.jpg) no-repeat 50%;}



.reason{ width:1180px; height: 1279px; margin:0 auto; position:relative;}



.reason ul li {



    position: absolute;



    width: 477px;



}



.reason ul li b{ font-size:57px; color:#158a52; float:left;}



.reason ul li h4{ font-size:20px; color:#0f3685; display:inline-block; line-height:50px;}



.reason ul li p{ font-size:14px; line-height:30px;}



.reason ul li:nth-child(1) {



    top: 197px;



    left: 104px;



}



.reason ul li:nth-child(2) {



    top: 407px;



    left: 104px;



}



.reason ul li:nth-child(3) {



    top: 668px;



    left: 703px;



}



.reason ul li:nth-child(4) {



    top: 878px;



    left: 703px;



}

/*兼容IE8*/



.reason ul li:first-child(1) {



    top: 197px;



    left: 104px;



}



.reason ul>li+li {



    top: 407px;



    left: 104px;



}



.reason ul>li+li+li {



    top: 668px;



    left: 703px;



}



.reason ul>li+li+li+li{



    top: 878px;



    left: 703px;



}

/*兼容IE8*/



.reason ul li:nth-child(5) {



    top: 1066px;



    left: 703px;



}



/*reason end*/



/*banner2*/



#banner2 {



    width: 100%;



    height: 306px;



    background: url(../images/banner02.jpg) no-repeat 50%;



}



.banner2{ width:1180px; height:306px;  padding-top:1px; position:relative; padding:0; margin:0 auto;}



.tantou2 {



    float: right;



    position: relative;



    right: 0;



    top: 87px;



    text-align: left;



}



.tantou2 h5 {



    font-size: 28px;



    color: #fff;



    font-weight: 600; display:inline-block;



}



.tantou2 h5 span{ font-weight:200; font-size:19px;}



.btn2 {



    width: 210px;



    height: 45px;



    overflow: hidden;



    margin-top: 33px;



    transition: 300ms ease;



    border-radius: 20px;



    background-color: #ce3737;



}



.btn2 a {



    color: #fff;



    display: block;



    text-align: center;



    font-size: 18px;



    line-height: 45px;



}



.btn2:hover{ width:212px;}



/*banner2 end*/











/*about*/



#about {



    width: 100%;



    background:#f8f8f8;



    overflow: hidden;



    margin-top: 30px;height: 739px;



}



.about{ width:1180px; padding:0; margin:0 auto;margin-bottom: 47px;}

.about .f_title{height: 50px;margin-top: 30px;font-size: 16px;}

.about .f_title li{float:left;width:120px;}

.about_text {



    width: 599px;



    line-height: 28px;



    float: right;



    padding-top: 30px;



}



.about_text h3{ background:url(../images/about_tt.png); width:589px; height:112px;}



.about_text h3 a {



    display: block;



    text-align: center;



    line-height: 177px;



    font-size: 18px;



    color: #0f3685;



    font-weight: 100;



}



.about_text p{overflow: hidden; height:105px; margin-bottom:20px;margin-top: 25px;}



.about_text a{ }



.about_text a:hover{ color:#000;}



.about_img{ width:507px; height:325px; overflow:hidden;border: 6px solid #fff;}



.about_img img{ width:100%; height:auto;}



.more.blue {



    margin: 0;



    border-radius: 15px;



    background-color: #0F3685;



    overflow: hidden;



    float: left;



    margin-right: 30px;



    position: relative;



    margin-left: 206px !important;



    width: 120px;



}



.more.red {



    background-color: #CE3737;



    margin: 0;



    border-radius: 15px;



    overflow: hidden;



    width: 120px;



}



.more.red a:hover{ background-color: #CE3737 !important;}



.more.red a { color:#fff !important;border:0;}



.more.blue a { color:#fff !important;border:0;}



.factory_box ul li{ float:left;margin-left: 36px;width:205px;}



.factory_box ul li:first-child { margin-left: 0;}



.factory_box ul li .img {



    width: 205px;



    height: 138px;



    display: block;



    overflow: hidden;



    border: 1px solid #eee;



}



.factory_box ul li img{ width:205px;}



.factory_box ul li p{ text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}



ul.tab2_menu.factory_menu {



    height: 40px;



    border-bottom: 1px solid #666;



    margin-bottom: 18px;



    margin-top: 12px; 



}



ul.tab2_menu.factory_menu a{font-weight:600;}



.about .tab2_menu li {

    float: left;

    line-height: 40px;

    margin-right: 20px;

}



.hide{ display:none;}



.factory_menu li::after{ margin-left:20px;}



.factory_menu .selected a{ color:#0f3685;}



/*about end*/







/*client*/



#client{ width:100%; padding-top:1px;  margin-top: 11px;}



.client {



    width: 1180px;



    padding: 0;



    margin: 0 auto;



    margin-bottom: 27px



}



.client ul{ margin-bottom:28px; width: 1200px;}



.client ul li{float:left; width: 280px; height:400px; background:url(../images/bg.png); overflow:hidden; margin-right:20px;}



.client_img {



    width: 262px;



    height: 175px;



    overflow: hidden;



    margin: 9px;



}



.client_img img {



width:100%; height:auto; filter: sepia(20%); -webkit-filter: sepia(20%); -moz-filter: sepia(20%); -ms-filter: sepia(20%); -o-filter: sepia(20%);



}



.study_img img:hover{filter: sepia(0); -webkit-filter: sepia(0); -moz-filter: sepia(0); -ms-filter: sepia(0); -o-filter: sepia(0);}



.client_text{}



.client_text h5 {



    display: block;



    width: 230px;



    margin-left: 25px;



    text-align: center;



    line-height: 44px;



    font-size: 15px;



    color: #111;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}



.client_text h5 a:hover{ color:#0f3685;}



.client_text p {



    width: 230px;



    margin-left: 25px;



    color: #666;



    line-height: 25px;



    height: 75px;



    overflow: hidden;



}



.more_r{ float:right;}



/*client end*/





/*banner3*/

#banner3 {

    width: 100%;

    height: 276px;

    background: url(../images/banner03.jpg) no-repeat 50%;

    margin-top: 45px;

}

.banner3{ width:1180px; height:266px;  padding-top:1px; position:relative; padding:0; margin:0 auto;}

.tantou3 {

    float: right;

    position: relative;

    right: 50px;

    top: 71px;

    text-align: left;

}

.tantou3 h5 {

    font-size: 28px;

    color: #fff;

    font-weight: 600; display:inline-block;

}

.tantou3 h5 p{ font-weight:200; font-size:19px;}

.btn3 {

    width: 210px;

    height: 50px;

    overflow: hidden;

    margin-top: 33px;

    transition: 300ms ease;

    border-radius: 15px;

    background-color: #ce3737;

    position: relative;

    left: -89px;

}

.btn3 a {

    color: #fff;

    display: block;

    text-align: center;

    font-size: 20px;

    line-height: 50px;

}

.btn3:hover{ width:212px;}

/*banner3 end*/









/*news*/



#m03 {



    width: 100%;



    height: 587px;



    padding-top: 40px;



}



.m03{ width:1180px; height:600px; padding:0; margin:0 auto;}







.m_title {

    background-color: #0f3685;

    margin-bottom: 0px;

    color: #fff;

    height: 39px;

    line-height: 41px;

    font-size: 16px;

    padding-right: 20px;

}



.xwdt {



    width: 737px;



    height: 570px;



    background-color: #fff;



}



.cjwt {



    width: 420px;



    height: 570px;



    background-color: #fff;



}



.news_box, .cjwt_box {



    padding: 20px;



    border: 2px solid #0F3685;



    height: 467px;



}



/*.news_left {



    width: 335px;



    float: left;



    margin-right: 30px;



}



.news_right{ width:335px; float:right;}*/



.news_img{ width:335px; height:205px; overflow:hidden; position:relative;}



.news_img a{ display:block;}



.news_img a img{ width:100%;}



.news_menu>li {

    float: left;

    width: 100px;

    text-align: center;

}



.news_menu>.selected {

    background: #CE3737;

    font-weight: 400;

}

.news_menu>.selected a {



    color:#fff;



}



.tab3_box>.r_more {



    position: relative;



    left: 20px;



    top: 17px;



}



.cjwt_box>.r_more {



    position: relative;



    left: 20px;



    top: 16px;



}



.new2{ margin-top:25px;}



.new2 ul li a {



    width: 252px;



    height: 40px;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    line-height: 40px;



    display: block; float:left;



}



.m_title a {



    color: #fff;



}



.new1 {



	margin-top: 9px;



}



.new1_left {

    width: 245px;

    height: 181px;

    overflow: hidden;

    float: left;

}



.new1_left img {



	width: 100%;



	height: 100%;



}



.new1_right {



	width: 410px;



	height: 170px;



	float: right; padding-top:20px;



}



.new1_right h6 {



	font-size: 14px;



	line-height: 40px;



}



.new1_right p {



	line-height: 24px; height:72px; overflow:hidden;



}



.new1_right small {



	margin-top: 10px;



	display: block;



}



.new1_right small a {



    color:#0f3685;



    text-decoration: underline;



}



.line {



	width: 657px;



	height: 12px;



	border-bottom: 1px solid #DCDCDC;



}



.new2 {



	margin-top: 20px;



}

.new2 ul{ width:730px;}

.new2 ul li {

    width: 329px;

    height: 51px;

    float: left;

    margin-right: 29px;

    border-bottom: 1px dashed #826751;

    position: relative;

}

.new2 ul li span {

    font-size: 12px;

    color: #999;

    float: right;

    display: inline-block;

    line-height: 40px;

}

.new2 ul li a::before {

    content: "▸";

    margin-right: 3px;

}



.new2 ul li a:hover { color:#0f3685;



}



















.cjwt ul li{ width:100%; border-bottom:1px dashed #826751;}



.da {



    line-height: 24PX;



    padding-bottom: 16.5px;



    padding-top: 10px;



    color: #555;



    padding-left: 23px;



	overflow:hidden;



}



.wen {



    margin-top: 15px;



}



.wen a{ font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



.wen::before{ content:url(../images/Q.png); color:#C99968; font-size:18PX; margin-right:5px; margin-top:15px;}







/************文字滚动************/



.cjwt { width:420px;}



.cjwt ul{ height:472px; overflow:hidden;}



.r_more{ float:right; line-height:39px;}



.r_more a{ font-weight:100 !important; font-size:13px;}



/*news end*/











/*links*/



#links {



    width: 100%;



    padding:20px 0;



    background-color: #e8e8e8;

    height:42px;

}



.links{ width:1180px;  padding:0; margin:0 auto;}



.links b{ font-size:46px; color:#0f3685; float:left; font-weight:100;}



.links span {



    width: 85px;



    height: 25px;



    display: block;



    color: #fff;



    background: #0f3685;



    float: left;



    text-align: center;



    line-height: 25px;



    margin-top: 20px;



    margin-left: 10px;



}



.links a{ display:inline-block; padding:5px 17px; color:#4A4A4A; line-height:20px;}



.links a:hover{ color:#222; text-decoration:underline;}



/*links end*/

#newBridge .nb-show{

    display: none !important;

}