@charset "gb2312";
/* CSS Document */
* {	padding: 0;	margin: 0;	box-sizing: border-box;}
fieldset,img,abbr,acronym {border:none;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6,b {font-size:100%;font-weight: normal;}
ol,ul,li {list-style:none;}
li{vertical-align: middle;}
html { overflow: hidden;}
body { width: 100%;  *cursor:default; overflow: hidden; font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;}
a {	text-decoration: none;	color:#535353;}
.clearfix:after {clear: both;content: "$";display: block;height: 0;overflow: hidden;visibility: hidden; font-size:0;}
.clearfix{*zoom:1;} 
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.w1200{ width:1100px; margin: 0 auto;}
.tc{ text-align:center;}
.pr{ position: relative;}



.head{ margin:0 auto;width:100%; position:fixed; z-index:9999; height: 108px;background: none repeat scroll 0 0 rgba(248,248,248, 0.9) /* url(../images/topbg.jpg) no-repeat top center;  */}

.logo{ float:right; position: absolute; top: 0px; left: 15%;display:block}
/* .nav{position:relative; height:108px; line-height:50px; z-index:999; width:1300px;max-width:1400px;min-width:1000px; display:block;float:right;}
 */
.nav{

    border-top: 1px solid #f1f1f1;
height:108px; line-height:50px;
    position: relative;
    width: 100%;
    z-index: 99;
}
.navBar  {

    list-style: outside none none;
    margin: 0 auto;
    max-width: 1400px;
    min-width: 1100px;
    width: 1400px;
}

.navBar h3 a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: top;
    width: 111px;
    text-decoration: none;

}
.navBar .on {
    border: 0 none;
}
.navBar .on h3 a {

    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}


.nav .m {float: left;position:relative;}
.nav h3 {float:left; text-align:center; width:100px; /* border-right: 1px solid #CC1414; */}
.nav li:first-child h3{/* border-left: 1px solid #CC1414; */}
.nav h3 a{ color:#000;display:block; vertical-align:top; text-decoration:none; font-weight:bolder; cursor:pointer; font-size:16px; padding-top: 30px; height: 108px;}
.nav li.on h3,.nav li:hover h3 { /* background: #D61515 */}
.nav .on h3 a{color:#d61515;  font-weight: bold;}
.nav .sub {display:none; width:130px;position:absolute; top:90px;padding:8px; background:#D61515; text-align: center; border-radius: 0 0 5px 5px;}

.nav .sub li {float:left; width:120px;height:46px;line-height:46px; text-align: center; border-top: 1px solid #d61515}
.nav .sub li a {
    color:#FFF;
    border-color: -moz-use-text-color -moz-use-text-color #ddd;
    border-style: none none solid;
    border-width: medium medium 1px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: normal;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
    width: 115px;
}

.nav .sub li a:hover {color:#D61515;background:#fff }
.nav h3 i{font-weight: bolder;}

.pa{ position: absolute;}
#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
/*.page1 { background:url(../images/1.jpg) no-repeat center top; background-position:50% 0; background-size: cover;}
.page2 { background:url(../images/2.jpg) no-repeat center top; background-position:50% 0; background-size: cover;}
.page3 a{ position: absolute; display: block;width: 1200px; min-height: 850px; line-height: 45px; text-align: center; text-indent: -999em;}
.page2 a{ }
.page3 { background:url(../images/3.jpg) no-repeat center top; background-position:50% 0; background-size: cover;}
.page3 a{}
.page4 { background:url(../images/4.jpg) no-repeat center top; background-position:50% 0; background-size: cover;}
.page5 { background:url(../images/5.jpg) no-repeat center top; background-position:50% 0; background-size: cover;}
.page6 { background:url(../images/6.jpg) no-repeat center top; background-position:50% 0; background-size: cover;}*/
.scalebox{ position: absolute; width:1200px; height: 670px; top: 50%; left: 50%; z-index: 999;margin-left: -600px; margin-top: -250px;}
/*.page2 img{ width: 100%;  }
.page2 .scalebox{ position: absolute; width:1094px; height: 300px; top: 50%; left: 50%; z-index: 999;margin-left: -547px; margin-top: -150px;}*/
.page1 .page1-1{ top:-5%; left: -5%;}
.page1 .page1-2{ top:65%; right: 5%; z-index: 9}
.page1 .page1-3{ top:0%; right: -5%; z-index: 8}
.page1 .page1-4{ bottom:0; left: -10%;}
.page2 .page2-1{ width: 35%; left: 0; float:right;
    height: 369px;
    left: 50%;
    margin-top:0px;
    position: absolute;
    top: 46%;}
.page2 .page2-2{ width: 50%; right: 0;}
.page2 .page2-2 h1{font-size: 30px;height:80px}
.page2 .page2-2 p,.page3 .scalebox p{ color: #555; font-size: 18px; /* text-shadow:1px 1px 1px #fff ;  text-indent: 2em;*/font-weight: 300;}
.page2 .page2-2 p{ font-size:14px;text-indent:2em;}
.page2 a { border: 1px solid #000; color: #535353;line-height: 35px; font-size: 14px; font-weight:300;width: 100px; text-align: center; display: block;/* text-shadow:1px 1px 0px #fff ; */ margin-top: 35px; border-radius: 10px;}
.page3 .scalebox .page3-2 a{
    float:right;
    border: 1px solid #666;
    border-radius: 10px;
    color: #535353;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 35px;
    margin-top: 8px;
    text-align: center;

    width: 100px;
}
.page3 .scalebox .page3-2 a:hover,.page3 .scalebox .newsmore a:hover{
	color: #fff;
	background:rgba(219, 15, 16, 1);
	border: 1px solid rgba(219, 15, 16, 1);

}
.page5 a {
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 35px;
    margin: 35px auto 0;
    text-align: center;
    width: 100px;
}
/* .page3 .scalebox .newsmore{ background:#CB1311;border: 1px solid #fff; color: #fff !important;line-height: 45px; font-size: 22px; font-weight:300;width: 120px; display:block;float:right;text-align: center; text-shadow:1px 1px 0px #fff ; border-radius: 10px;} */

.page3 .scalebox .newsmore a {  border: 1px solid #000; color: #535353;line-height: 35px; font-size: 14px; font-weight:300;width: 100px; text-align: center; display: block;/* text-shadow:1px 1px 0px #fff ; */ margin-top: 3px; border-radius: 10px;}

.page a:hover,.page a:focus,page3 .scalebox .page3-2 a:hover {
	color: #fff;
	background:rgba(219, 15, 16, 1);
	border: 1px solid rgba(219, 15, 16, 1);
}

.page3 .scalebox{ position: absolute; width:1439px; height: 690px; top: 52%; left: 56%; z-index: 999;margin-left: -770px; margin-top: -318px;}
.page3 .page3-1{ top:19%; left: 0%;}
.page3 .page3-bg{ top: 100px; }

.page3 .page3-2{ top:75%; left: 0px;width:45%}
.page3 .page3-2 h1{ height: 100px;line-height:100px;font-size:30px}
.page3 .page3-3{ top:18%; left: 665px;width:609px}
.page3 .page3-4{ top:506px; left: 498px;}
.page3 .page3-5{ top:393px; left: 706px;}
.page3 .page3-6{ top:328px; left: 888px;}
.page3 .page3-7{ top:176px; left: 928px;}
.page3 .scalebox .p1{ width: 142px; top: 383px; left: 157px;}
.page3 .scalebox .p2{ width:186px; top:160px; left: 525px;}
.page3 .scalebox .p3{ width:177px; top:342px; left:498px;}
.page3 .scalebox .p4{ width:166px; top:193px; left: 756px;}
.page3 .scalebox .p5{  width:300px; top:543px; left: 688px;}
.page3 .scalebox .p6{ width:155px; top:446px; left: 910px;}
.page3 .scalebox .p7{ width:155px; top:446px; left: 910px;}
.page3 .scalebox p{ font-size: 14px; line-height: 22px; text-indent: 0em;}
.page3 .scalebox .more{  bottom:-30px; right: 215px;}

.page4 .scalebox{ position: absolute; width:1094px; height: 500px; top: 60%; left: 50%; z-index: 999;margin-left: -547px; margin-top: -250px;}

.tabbox { margin: 280px auto 0; width: 1100px; position: relative;}
.tabbox .tab-buttons{  position: absolute; right: 0;}
.tabbox .tab-buttons .tab-button {	width: 140px; margin-left: 20px; float: left;height: 40px; border-radius: 40px; text-align: center;font-size: 18px;color: #999;line-height: 40px;position: relative;	cursor: pointer; background-color: #000; color: #FAFAFA}
.tabbox  .tab-buttons .tab-button.cur {
	background-color: #e4000f;
}
.tabbox .tabs {width: 100%;height: 528px; clear: both; position: absolute; top: 100px;}
.tabbox .tabs .tab-item {width: 100%;height: 100%;	display: none;}
.tabbox .tabs .tab-item.active {display: block}
.tabbox .tabs .fl,.tabbox .tabs .fr{ width:450px;}
.slideBox{ width:600px; height:491px; overflow:hidden; position:relative; top: -160px; left: -80px; background: url(../images/index_pro_bg.png) -11px -18px no-repeat; background-size: 100%; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li .protl{ text-align: center;  background: -webkit-linear-gradient(left, #D61515 , #5171ce);
  background: -o-linear-gradient(right, #D61515 , #5171ce); 
  background: -moz-linear-gradient(right, #D61515 , #5171ce);
  background: linear-gradient(to right, #D61515 , #5171ce); color:#fff; line-height: 30px; border-radius: 30px; width: 288px; margin: 0 auto;}
.slideBox .bd img{ width:600px; height:491px; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.tabbox .tabs h4{color:#000; font-size: 30px; font-weight: bold;}
.tabbox .tabs p{ font-size:16px; line-height: 30px; color: #5a5a5a; padding: 20px 0 30px;}
.tabbox .tabs .fr a.more,.news a.more{width: 120px; line-height: 40px; text-align: center;  display: block; border: 1px solid #5a5a5a; color: #5a5a5a; border-radius: 5px;}
/* .page5 .scalebox{ position: absolute; width:1100px; height: 500px; top: 55%; left: 50%; z-index: 999;margin-left: -550px; margin-top: -250px;} */
.page5 .scalebox {
    height: 500px;
    left: 50%;
    margin-left: -550px;
    margin-top: -150px;
    position: absolute;
    top: 68%;
    width: 1074px;
    z-index: 999;
}
.news{}
.news h3{ text-align: center; font-size: 40px; color: #284091;}
.news ul{ margin-left: 0px; margin-top: 0px;}
.news li {width:600px; background-color: #fff; float:left; margin-left: 30px; margin-bottom: 25px; padding: 10px; min-height: 128px;height: 120px; overflow: hidden;}
.news li .fl{width:200px;overflow:hidden}
.news li .fl img{width:200px; height: 120px;

    transform: scale(1);
    transition: all 0.5s ease 0s;
           border-width: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.news li .fl:hover IMG {
    transform: scale(1.2);
    transition: all 0.8s ease 0s;

}
.news li .fr{width:324px;}
.news li .fr h5{ font-size: 20px; color: #232323;}
.news li .fr p{ font-size: 14px; color: #555; line-height: 24px;}
.news li .fr span.date{ display: block; background: url(../images/date.jpg) left center no-repeat; font-size: 18px;  color: #999; padding: 5px 0 5px 0px;}
.news li:hover h5{ color:rgba(219, 15, 16, 1)}
.news a.more{ margin: 0 auto;}


.page6 h3{ font-size: 40px; color: #284091; margin-bottom: 50px;}
.contact{ position: absolute; line-height: 35px; width: 50%;color: #284091; font-size: 18px; text-shadow:1px 1px 1px #fff ; top: 30%;}
.contact img{ float: left; margin-right: 30px;}
.conright{ text-align: right; width: 50%; right: 0;  height: 394px; top: 15%;}
.conright p{ display: inline; padding: 0 10px;}
#navBar {z-index:3; position:absolute; top:40%; right:2%;}
#navBar li.active{background-position: 63px -15px; color: #e40011; }
#navBar li {cursor: pointer; margin-bottom:13px; transition: all .7s ease;  line-height: 15px; text-align: center; width:100px; font-size: 14px; height:15px; text-align: left; background: url(../images/full-image.png) 63px 0 no-repeat;}


.footer{width:100%; text-align:center; position:fixed; z-index:9999; bottom:30px; color:#666; font-family:Arial,Microsoft YaHei; font-size:14px;} 
.footer a{color:#666;width:135px; height:17px; background:url(../images/huaqi.png) no-repeat center center; display:block; margin-top:5px; float: right; margin-right: 100px;}



@media screen and (min-width: 1440px) and (max-width: 1600px) {
	
	.contain .page1-4 img{ width: 60%;}
}
@media only screen and (max-width: 1050px){
	
	.contain .page1-4 img{ width: 55%; }
}