﻿*{ 
	padding:0; 
	margin:0;
}

@font-face {
	font-family: '思源黑体';
	src: url('../fonts/SourceHanSansCN-Light.otf');     
    font-weight: bold;
    font-style: normal;
}
body,td,th,div{
	font-family:"思源黑体","微软雅黑";
	font-size: 12px;
	color: #000000;
}
body {
	background:#FFFFFF;
}
p{
	line-height:150%;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}
h1{
	color:#000000;
	line-height:150%;
	font-size:24px;
}
img{ border:0px;}
li{ 
	list-style:none;
}

.f12b{
	font-weight:bold;
}
.f14{
	font-size:14px;
}
.f14b{
	font-size:14px;
	font-weight:bold;
}

.txt_list1{ width:348px; margin:0 auto;overflow:hidden;}
.txt_list1 li{ line-height:35px; font-size:14px; color:#5779b1;}
.txt_list1 span{ float:right; }
.txt_list1 li a{ color:#5779b1; }
.txt_list1 li:hover,.txt_list1 a:hover{ color:#FFF; text-decoration:none;}

.pic_list1{ width:660px; margin:5px auto 6px auto; }
.pic_list1 li{ width:120px; float:left;margin-left:7px; display:inline;}
.pic_list1 li img { border:1px solid #CCC; padding:1px;}
.pic_list1 li span{display:block; line-height:25px; text-align:center;}

.main{ width:1200px; clear:both; margin:0 auto;}

.top_bg{ background:#000; width:100%; height:35px; clear:both;}
.top_bg .left_txt{ width:590px; float:left; color:#FFF; font-size:12px; line-height:35px;}
.top_bg .right_txt{ width:600px; float:right; color:#FFF; font-size:12px; line-height:35px; text-align:right;}
.top_bg .left_txt a,.top_bg .right_txt a{ color:#FFF; }
.top_bg .right_txt .arrow{ background:url(../images/index_03.png) no-repeat right center; padding-right:15px;}

.logo{ float:left; padding:25px 0;}

.search-public {width:445px; padding-top:30px; float:left; margin-left:70px; }
.search-public  select{display:none;}
.search-c1{height:30px;width:441px;border:2px solid #FF461E; float:left; background:#fff;}
.search-public  .select_box{color:#999999;width:123px;line-height:30px;float:left;position:relative; z-index:999999;}
.search-public  .select_showbox{line-height:32px; height:32px; font-size:14px; color:#FF5E3C;background:url(../images/index_17.png) no-repeat 98px center;text-indent:22px;}
.search-public  .select_option{border:1px solid #C6C6C6; display:none;left:-1px;top:32px;position:absolute;z-index:999;background:#fff; width:118px;}
.search-public  .select_option li{ text-align:center;width:100px;cursor:pointer;font-size:14px; color:#000;}
.search-public  .select_option li.selected{color:#0258AB;}
.search-public  .select_option li.hover{color:#0258AB;}
.search-public input[type="text"]{ padding:0 10px;width:240px;height:30px;line-height:42px;font-size:14px;color:#999999;background:#ffffff;border:none;border-radius:0;vertical-align:middle; outline:none; font-family:"微软雅黑";}
.search-public input[type="submit"]{float:right;width:57px;height:30px;line-height:30px;font-size:20px;color:#ffffff;background:url(../images/index_14.png) no-repeat center center #FF461E;border:none;border-radius:0;vertical-align:middle;}

.maybe{ float:left; padding:30px 0 0 10px; width:140px;}
.maybe span{ float:left; padding-right:10px; line-height:32px; color:#B1B1B1;}
.maybe a{ background:url(../images/index_20.png) no-repeat 90% center #FF461E; display:inline-block; color:#FFF; line-height:32px; padding:0 24px 0 10px;}

.nav_center{ width:215px; float:right; padding-top:30px;}
.nav_center a{ width:70px; line-height:32px; background:url(../images/index_22.png) no-repeat 90% center #FFF; display:inline-block; margin-left:20px; border:1px solid #FF461E; float:left; padding-left:10px;}

.menu{ width:1200px; clear:both; margin:0 auto;}
.menu li{ font-size:16px; float:left; width:100px; text-align:center; line-height:40px;}
.menu .home{background:url(../images/index_35.png) no-repeat 64px center #FF0000; width:200px; text-indent:45px; font-weight:bold;}
.menu .home a{ color:#FFF;}

.banner{ width:100%; height:530px; clear:both; margin:0 auto; background:url(../images/index_38.png) no-repeat center;}

.trade_box{ width:363px; float:right; margin:125px 200px 0 0; clear:both;}
.trade_box .title{ width:100%; clear:both;}
.trade_box .title li{ float:left; line-height:35px; color:#FFF; font-size:16px; text-align:center; cursor:pointer;}
.trade_box .title .a1{background:url(../images/index2-hover_03.png) no-repeat center; width:123px; }
.trade_box .title .a1:hover{background:url(../images/index_29.png) no-repeat center;}
.trade_box .title .a1n{background:url(../images/index2_033.png) no-repeat center; width:123px;}
.trade_box .title .a2{background:url(../images/index_30.png) no-repeat center; width:115px; margin-left:-8px;}
.trade_box .title .a2h{background:url(../images/index2_04.png) no-repeat center; width:115px; margin-left:-8px;}

.trade_box .forms{ width:100%; clear:both; }
.trade_box .forms li{ border-bottom:1px solid #3F688C; clear:both; padding:15px; }
.trade_box .forms b{ width:105px; float:left; font-size:16px; font-weight:normal; color:#FFF; display:inline-block;}
.trade_box .forms p{ float:left; padding-left:20px; display:inline-block;}
.trade_box .sel{ height:30px; border:0; background:transparent; outline:none; color:#FFF;}
.trade_box .inp1{ line-height:30px; width: 210px; height:30px; color:#768EA9; border:0; background:transparent; outline:none; font-size:16px;}
.trade_box .inp2{ line-height:30px; width: 100px; height:30px; color:#FAFAFA; border:0; background:transparent; outline:none; font-size:16px;}
.trade_box span{ color:#FFF; line-height:30px; padding-left:10px; font-size:16px;}
.trade_box h2{ padding-top:30px; }
.trade_box .btn{background:url(../images/index_41.png) no-repeat center; width:156px; height:48px; font-size:20px; color:#FFF; border:none; font-family:"微软雅黑";}
.trade_box .btn:hover{background:url(../images/index2-hover_13.png) no-repeat center;}

.search2{ width:287px; height:43px; background:url(../images/index_44.png) no-repeat; float:right; clear:both; margin-top:110px;}
.search2 input[type="text"]{ float:left; width: 210px; height:40px; border:0; background:transparent; outline:none; padding-left:25px;}
.search2 input[type="submit"]{ float:left; background:url(../images/index_47.png) no-repeat center; width:40px; height:43px; border:0;}
.search2:hover{ background:url(../images/index2-hover_11.png) no-repeat;}

@media screen and (min-device-width:320px) and (max-device-width:800px){
.main{ width:100%; overflow:hidden;}
.search2{ display:none;}
.nav_center{ display:none;}
}

.index_tit{ width:100%; clear:both; margin:0 auto; overflow:hidden;}
.index_tit h1{ text-align:center;}
.index_tit h2{ font-size:20px; color:#333; text-align:center; font-weight:normal; padding-top:20px;}

.index_tit2{ width:100%; clear:both; margin:0 auto; padding:20px 0; overflow:hidden;}
.index_tit2 h1{ font-size:40px; color:#FFF; text-align:center;}

.part1{ width:100%; height:988px; clear:both; margin:0 auto; background:url(../images/index_39.png) repeat-x; overflow:hidden;}
.part1 .list{width:100%; clear:both; margin:0 auto; padding-top: 30px; padding-bottom:20px; overflow:hidden;}
.part1 .list li{ width:320px; height:194px; background:url(../images/libg.jpg) repeat-x bottom; box-shadow:3px 3px 3px #ccc; padding:50px 30px 30px 30px; float:left; margin:10px 20px 50px 0; overflow:hidden; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.part1 .list li:hover {transform: translate(0, -30px); -webkit-transform: translate(0, -30px); -moz-transform: translate(0, -30px); -o-transform: translate(0, -30px); -ms-transform: translate(0, -30px);}
.part1 .list i{ display:block; width:100%; height:70px;}
.part1 .list h1{ font-size:24px; color:#333; text-align:center; line-height:40px;}
.part1 .list p{ font-size:14px; color:#333; line-height:25px;}

.part1 .list .ico1{background:url(../images/index_57.png) no-repeat center;}
.part1 .list .ico2{background:url(../images/index_60.png) no-repeat center;}
.part1 .list .ico3{background:url(../images/index_63.png) no-repeat center;}
.part1 .list .ico4{background:url(../images/index_72.png) no-repeat center;}
.part1 .list .ico5{background:url(../images/index_69.png) no-repeat center;}
.part1 .list .ico6{background:url(../images/index_75.png) no-repeat center; }

.part1 .start_btn{ background:url(../images/index_81.png) no-repeat; width:389px; height:71px; line-height:71px; display:block; margin:0 auto; clear:both; text-indent:500px; overflow:hidden;}
.part1 .start_btn:hover{ background:url(../images/index2-hover_15.png) no-repeat;}

.part2{ width:100%; height:766px; clear:both; margin:0 auto; overflow:hidden;}
.part2 .head{background:url(../images/index_84.png) no-repeat center; width:100%; height:177px; clear:both;}
.part2 .mid{background:url(../images/index_85.png) repeat-x center; width:100%; height:587px; clear:both; }
.part2 .foot{background:url(../images/index_103.png) no-repeat center; width:100%; height:35px; clear:both; padding-top:127px;}
.part2 .list1{ width:800px; float:left; overflow:hidden; padding-top:20px;}
.part2 .list1 li{ float:left; width:270px; height:93px; margin:10px 6px 1px 0; padding:40px 62px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.part2 .list1 li:hover{ transform: translate(0, -20px); -webkit-transform: translate(0, -20px); -moz-transform: translate(0, -20px); -o-transform: translate(0, -20px); -ms-transform: translate(0, -20px); }
.part2 .list1 .bg1{background:url(../images/index_88.png) no-repeat center;}
.part2 .list1 .bg2{background:url(../images/index_90.png) no-repeat center;}
.part2 .list1 .bg3{background:url(../images/index_96.png) no-repeat center;}
.part2 .list1 .bg4{background:url(../images/index_97.png) no-repeat center;}
.part2 .list1 h1{ color:#FFF; font-size:24px; line-height:40px;}
.part2 .list1 p{ color:#6b97e1; font-size:18px; line-height:30px;}

.part2 .list2{ float:right; width:270px; height:107px; background:url(../images/index_92.png) no-repeat center top; padding:170px 62px 80px 62px; margin-top:30px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.part2 .list2 h1{ color:#FFF; font-size:24px; line-height:40px; text-align:center;}
.part2 .list2 p{ color:#6b97e1; font-size:18px; line-height:30px; text-align:center;}
.part2 .list2:hover{ transform: translate(0, -20px); -webkit-transform: translate(0, -20px); -moz-transform: translate(0, -20px); -o-transform: translate(0, -20px); -ms-transform: translate(0, -20px);}

.part3{ width:100%; height:766px; clear:both; margin:0 auto; margin-top:-2px; overflow:hidden; background:url(../images/index_105.png) repeat-x;}
.part3 .mid{ width:1198px; height:428px; background:url(../images/index_111.png) no-repeat center; clear:both; margin:0 auto; margin-top:30px;}
.part3 .about{ width:440px; float:right; padding: 50px 40px 40px 50px;}
.part3 .about p{ font-size:16px; color:#333; line-height:30px;}
.part3 .about .btn{ width:187px; height:51px; line-height:51px; background:url(../images/index_114.png) no-repeat; display:block; float:right; font-size:16px; color:#FFF; text-indent:80px; margin-top:50px;}
.part3 .about .btn:hover{ background:url(../images/index2-hover_19.png) no-repeat; text-decoration:none;}

.focus{ position:relative; width:620px; float: left; margin:16px;}  
.focus img{width:620px; height:350px; } 
.focus .shadow .title{width:200px; height: 32px; line-height:32px; font-size:12px; }
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:12px; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:590px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:600px; margin-left:0px; position:absolute; bottom:0px; left:0px; z-index:10; height:37px; line-height: 37px; top:329px;    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block; background:#000000; color:#ffffff;  text-align:left; overflow:hidden;}  
.focus .shadow a{ text-decoration:none; color:#ffffff; margin-left:10px; font-size:14px; overflow:hidden; }  
.focus .fcon{ position:relative; width:100%; float:left;height:350px;  display:none; }  
.focus .fcon img{ display:block; }  
.focus .fbg{ right:10px; position:absolute; height:15px; top:320px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px; bottom:0px;}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0; font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;} 


.part4{ width:100%; height:764px; clear:both; margin:0 auto; overflow:hidden; background:url(../images/index_121.png) no-repeat center;}
.part4 .news{ width:390px; height:348px; float:left; background:#0e2853; margin-right:10px; position:relative; }
.part4 .news h1{ text-align:left; padding:30px 0 10px 20px;}

.part4 .news .more{background:url(../images/index_118.png) no-repeat right bottom; width:72px; height:71px; display:block; position:absolute; right:0; bottom:0; line-height:71px; text-indent:100px; overflow:hidden;}
.part4 .news .more:hover{background:url(../images/sjhover.png) no-repeat right bottom;}

.footer{ width:100%; clear:both; margin:0 auto; overflow:hidden; background:#000; padding:30px 0;}
.footer a{ color:#666;}
.footer .end_menu{ width:900px; float:left;}
.footer .end_menu ul{ width:135px; height:180px; float:left; border-right:1px solid #29292C; margin-right:40px;}
.footer .end_menu ul li{ color:#666; font-size:14px; line-height:30px;}
.footer .end_menu ul b{ color:#999; font-size:18px; line-height:60px; font-weight:normal;}

.footer .qrcode{ width:298px; float:right; padding-top:10px;}
.footer .qrcode li{ float:left; text-align:left;}
.footer .qrcode span{ color:#999; font-size:18px; line-height:40px; display:block;}

.footer .copyright{ color:#666; font-size:14px; line-height:40px; text-align:center; width:1200px; clear:both; padding:20px 0 20px 0; overflow:hidden; margin:0 auto;}

.footer .links{ width:1200px; clear:both; padding:20px 0 20px 0; overflow:hidden; margin:0 auto; }
.footer .links b{ font-size:14px; color:#999; float:left; margin-right:20px; line-height:30px;}
.footer .links li{ font-size:14px; color:#666; float:left; margin-right:20px; line-height:30px;}

.footer .ico_list{ width:1200px; clear:both; padding:20px 0 20px 0; overflow:hidden; margin:0 auto; }
.footer .ico_list li{ float:left; margin-right:16px;}

.clear{ clear:both; overflow:hidden;}