@charset "gb2312";
/* CSS Document */

/* reset */
html{ background:#fff; color:#333;}
html{ zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true);}(this));}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ background:transparent; margin:0; padding:0;}
body,button,input,select,textarea{ font:14px/1.5  "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", Arial, sans-serif;}
i,em{ font-size:100%; font-style:normal; font-weight:normal;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-style:normal; font-weight:normal;}
input,select,textarea{font-size:100%;}
table{ border-collapse:collapse; border-spacing:0;}
th{ text-align:inherit;}
img{ vertical-align: middle;border:none;}
address,em,var{ font-style:normal; font-weight:normal;}
ol,ul,li{ list-style:none;}

sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup{ top:-0.5em;}
sub{ bottom:-0.25em;}
a:link,a:visited{ color:#333; text-decoration:none;}
a:hover,a:focus{ color:#f60; text-decoration:underline;}
ins,a{ text-decoration:none;}
a:focus,*:focus{ outline:none;}
a,area{ blr:expression(this.onFocus=this.blur())}
.clearFix:before,.clearFix:after{ content:""; display:table;}
.clearFix:after{ clear:both;}
.clearFix{ zoom:1;}/* for ie6 & ie7 */
/* Hides from IE-mac \*/
*html .clearFix{ height: 1%;}
/* End hide from IE-mac */
.cl,.clear{ clear:both; display:block; font-size:0; height:0; line-height:0; overflow:hidden;}
.hide{ display:none;}
.block{ display:block;}
.fl,.fr{ display:inline;}
.fl{ float:left;}
.fr{ float:right;}
.wrapper{ width:100%;}
.layout{ margin:0 auto; width:1000px;}
.mb{ margin-bottom:30px;}
/* form 表单默认样式 */
input:focus,textarea:focus{ outline:none;}
input::-ms-clear{ display:none;}
textarea{ resize:none;}


.fontSim{ font-family: "\5B8B\4F53", Arial, sans-serif;}

.wrapper2{ background: #f5f5f5;}
.wrapper2 .layout{ background: #f5f5f5;}
#mark1{ position: relative;top:-300px; width: 10px; height: 10px; background: #ccc;}
.title{ height: 68px; padding-top: 28px; width: 100%;}
.title h3{ color: #1060b2; font-size: 28px; font-weight: 700; height: 40px; line-height: 40px; text-indent: 190px;}
.title1{ background: url(../images/title1.gif) no-repeat;}
.title2{ background: url(../images/title1.gif) no-repeat;}
.title3{ text-align: center;}
.title3 h3{ text-indent: 0;}


/* header */
.header{ background: url(../images/header.gif) no-repeat center top #0e5399;}
.header .layout{ background: url(../images/header.gif) no-repeat center top #0e5399; height: 130px;}
.header .layout a,.header .layout a:hover{ display: inline-block; overflow: hidden; height: 130px; width: 366px;}


/* banner */
.banner{ width:1000px;}
.banner .layout{ width:100%;}

/* nav */
#nav{ background: #1060b2;}
#nav .layout{ background: #1060b2; height: 60px; text-align: center;}
#nav .layout a{ background: url(../images/nav2.gif) no-repeat; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; height: 36px; line-height: 36px; overflow: hidden; text-decoration: none; margin: 12px 10px 0; width: 135px;}
#nav .layout a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; text-decoration: none;}
#nav .layout a.a1{ background: url(../images/nav1.gif) no-repeat;}


/* item1 */
#item1{ background: #fff; border-bottom: solid 1px #e6e6e6;}
#item1 .layout{ background: #fff; margin: 50px auto 60px;}
#item1 .layout .img1{ background: url(../images/cqc_18.jpg) no-repeat center top; height:480px; margin-top: 20px; width: 100%;}
#item1 .layout .content{ margin: 20px auto 0; width: 966px;}

#slideBox1{ float: left; width:480px; height:318px; overflow:hidden; position:relative; }
#slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
#slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
#slideBox1 .hd ul li{ float:left; margin-right:6px;  width:10px; height:10px; line-height:10px; text-align:center; background:#1060b2; color: #fff; cursor:pointer; overflow: hidden;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
}
#slideBox1 .hd ul li.on{ background:#f60; color:#fff; }
#slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
#slideBox1 .bd li{ zoom:1; vertical-align:middle; }
#slideBox1 .bd li a,#slideBox1 .bd li a:hover{ color: #fff; display: block; position: relative; text-decoration: none;}
#slideBox1 .bd li i{ background: #000; cursor: pointer; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; height: 30px; position: absolute;left:0;bottom:0; width: 100%; z-index: 2;}
#slideBox1 .bd li p{ cursor: pointer; height: 30px; line-height: 30px; overflow: hidden; padding: 0 10px; position: absolute;left:0;bottom:0px; z-index: 3;}
#slideBox1 .bd li img{ width:480px; height:318px; display:block; position: relative; z-index: 1;}

.item1-r{  float: right; position: relative; width: 470px;}
.item1-r h4{ color: #1060b2; font-size: 24px;}
.item1-r h4 span{ font-size: 18px;}
.item1-r p{ font-size: 14px; line-height: 26px; margin-left: 20px;}
/*.item1-r p.p1{ margin: 10px 0 20px 20px;}*/
.item1-r ul{ font-size: 14px; line-height: 26px; margin-left: 20px; margin: 10px 0 20px 20px;}
.item1-r ul li{ margin-left: 20px; list-style-type: disc; }
.item1-r p.p2{ margin: 12px 0 0 20px;}
.item1-r a{ background: url(../images/cqc_22.jpg) no-repeat; color: #fff; height: 100px; overflow: hidden; position: absolute;right:0;top:80px; width: 100px;}
.item1-r a span{ color: #fff; cursor: pointer; display: inline-block; font-size: 18px; line-height:20px; font-weight: 700; margin: -18px 0 0 -18px; overflow: hidden; position: relative;left:50%;top:50%;}
.item1-r a:hover,.item1-r a:hover span{ color: #ff0; text-decoration: none;}


/* item2 */
#item2{ background: #f5f5f5; border-top: solid 1px #fff; border-bottom: solid 1px #fff;}
#item2 .layout{ background: #f5f5f5; margin: 50px auto 60px;}
#item2 .content{}
#item2 .content .con1{ font-size: 14px; line-height: 26px; margin: 10px auto 0; text-indent: 2em; width: 966px;}
#item2 .content .con1 a{ color: #ff6600;}
#item2 .content .con1 a:hover{ color: #ff3300; text-decoration: none;}
#item2 .content .con2{ margin: 40px auto 0; width: 966px;}
#item2 .content .con2-l{ background: url(../images/cqc_31.jpg) no-repeat; float: left; height: 513px; overflow: hidden; position: relative; width: 547px;}
#item2 .content .con2-l a.a1{ color: #fff; height: 90px; overflow: hidden; position: absolute;right:0;top:241px; width: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#item2 .content .con2-l a.a1 span{ color: #fff; cursor: pointer; display: inline-block; font-size: 18px; line-height:20px; font-weight: 700; margin: -18px 0 0 -18px; overflow: hidden; position: relative;left:50%;top:50%;}
#item2 .content .con2-l a.a1:hover,#item2 .content .con2-l a.a1:hover span{ color: #ff0; text-decoration: none;}
#videoBox1{ height: 240px; overflow: hidden; position: relative;left:92px;top:143px; width: 320px;}
#item2 .content .con2-r{ display: inline; float: right; height: 500px; margin-top: 10px; overflow: hidden; width: 400px;}
#item2 .content .con2-r li{ display: inline; float: left; margin-bottom: 10px; width: 100%;}
#item2 .content .con2-r li a{ float: left; height:160px; position: relative; width: 100%;}
#item2 .content .con2-r li a:hover{ text-decoration: none;}
#item2 .content .con2-r li a p{ color: #fff; cursor: pointer; font-size: 14px; height: 28px; line-height: 28px; overflow: hidden; position: absolute;left:0;bottom:0;_bottom:-1px; text-align: center; width: 100%; z-index: 3;}
#item2 .content .con2-r li a i{ background: #1060b2; cursor: pointer; height: 28px; position: absolute;left:0;bottom:0;_bottom:-1px; width: 100%; z-index: 2;
 filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
}
#item2 .content .con2-r li a img{ height: 160px; position: relative; width: 400px; z-index: 1;}
#item2 .content .con2-r li a:hover i{ background: #f60;}



/* item3 */
#item3{ background: #fff; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6;}
#item3 .layout{ background: #fff; margin: 50px auto 60px;}

#item3 .content{ margin: 20px auto 0; width: 966px;}
#item3 .con-l{ float: left; width: 451px;}
#picFocus1{ margin:0 auto;  width:451px; position:relative;  overflow:hidden;  zoom:1;   }
#picFocus1 .hd{ width:100%; padding-top:5px;  overflow:hidden; }
#picFocus1 .hd ul{ margin-right:-11px;  overflow:hidden; zoom:1; }
#picFocus1 .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
#picFocus1 .hd ul li img{ width:139px; height:82px; border:2px solid #fff; display: block; cursor:pointer; margin-right:11px;   }
#picFocus1 .hd ul li.on{}
#picFocus1 .hd ul li.on img{ border-color:#FE7F2B;  }
#picFocus1 .bd li{ vertical-align:middle; }
#picFocus1 .bd img{ width:451px; height:270px; display:block;  }

#item3 .con-r{ float: right; width: 490px;}
#item3 .wendalist{ width: 490px;}
#item3 .wendalist li{ border-bottom: dashed 1px #aaa; float: left; padding: 10px 0 0; width:490px;}
#item3 .wendalist li .wen{ float: left; height: 25px; overflow: hidden; padding-bottom: 10px; width: 100%;}
#item3 .wendalist li .wen em{ background: #fe7f2b; color: #fff; display: inline; float: left; margin: 3px 10px 0 0; padding: 0 2px 0 5px;}
#item3 .wendalist li .wen i{ background: url(../images/mark.gif) no-repeat; display: inline-block; float: left; height: 28px; padding: 0 5px 0 0; margin-top: -2px; width: 30px;}
#item3 .wendalist li .wen p{ color: #555; line-height: 26px;}
#item3 .wendalist li .da{ background: #f5f5f5; color: #993300; float: left; height: 116px; overflow: hidden; padding: 10px 0; width:100%;}
#item3 .wendalist li .da i{ display: inline; float: left; height: 80px; margin-left: 15px; overflow: hidden; width: 80px;}
#item3 .wendalist li .da i.i1{ background: url(../images/head1.gif) no-repeat;}
#item3 .wendalist li .da i.i2{ background: url(../images/head2.gif) no-repeat;}
#item3 .wendalist li .da p{ float: left; line-height: 26px; height: 110px; width: 370px; overflow: auto; padding-left: 15px;}

#item3 .content2{ margin: 20px auto 0; width: 966px;}


/* item4 */
#item4{ background: #f5f5f5; border-top: solid 1px #fff; border-bottom: solid 1px #fff;}
#item4 .layout{ background: #f5f5f5; margin: 50px auto 60px;}
#item4 .content{ background: url(../images/cqc_50.jpg) no-repeat right top; margin: 20px auto 0; position: relative; width: 966px;}
#item4 .content .img_a { width:256px; height:456px; position:absolute; left:719px; top:40px; }
#item4 .content a.btn1{ background: #1060b2; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; height: 48px; line-height: 48px; margin-left: -75px; overflow: hidden; position: absolute;right:0;top:500px; text-align: center; width: 240px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#item4 .content a.btn1:hover{ background: #f63; color: #fff; text-decoration: none;}
#item4 .content a.btn2{ background: #1060b2; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; height: 36px; line-height: 36px; margin-left: -75px; overflow: hidden; position: relative;left:50%;top:0; text-align: center; width: 150px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#item4 .content a.btn2:hover{ background: #f63; color: #fff; text-decoration: none;}


#item4 .con1{ width: 720px;}
#item4 .con1 li{ background: #fff; float: left; margin-right: 10px; width: 230px}
#item4 .con1 li a.aImg{ display: inline; float: left; margin-bottom: 10px; width: 100%;}
#item4 .con1 li a.aImg img{ display: block;  width: 100%;}
#item4 .con1 li a.a1{ color: #1060b2; display: block; font-weight: 700; line-height: 26px; padding: 0 10px; text-align:center;}
#item4 .con1 li a.a1:hover{ color: #FF3300; text-decoration: none;}
#item4 .con1 li p{ color: #666; line-height: 26px; padding: 0 10px 10px;}
#item4 .con1 li p a{color: #FF6600;}
#item4 .con1 li p a:hover{color: #FF3300; text-decoration: none;}

#item4 .con2{ background: #fff; margin-top: 20px; padding: 20px 0; width: 710px;}
#item4 .con2 .tt{ background: #f60; color: #fff; display: inline-block; _display: inline; padding: 0 8px 0 10px;}
#item4 .con2 .bd{ display: block; padding: 10px 15px 10px;}
#item4 .con2 li{ border-bottom: dashed 1px #d5d5d5; color: #333; font-size: 12px; line-height: 24px;}
#item4 .con2 li p{ padding: 5px 0;}
#item4 .con2 li b{ color: #993300; font-size: 14px; font-weight: 700;}


/* item5 */
#item5{ background: #fff; border-top: solid 1px #e6e6e6;}
#item5 .layout{ background: #fff; margin: 30px auto 40px;}
#item5 .content{ margin: 0 auto; position: relative; width: 1000px;}
#item5 .con-l{ float: left; height: 300px; overflow: hidden; width: 600px;}
#item5 .con-l img{ width: 600px;}
#item5 .con-r{ background: #f5f5f5; float: right; width: 400px;}
#item5 .con-r .tt{ background: url(../images/cqc_58.gif) no-repeat 23px center #1060B2; color: #fff; font-size: 18px; height: 48px; line-height: 48px; text-indent: 50px; width: 400px;}
/* form */
#item5 .reg-form{ height:237px; margin:15px auto 0; overflow:hidden; width:360px;}
#item5 .reg-form p{ float:left; height:26px; overflow:hidden; padding:3px 0;}
#item5 .reg-form p.p1{ height:auto; width:100%;}
#item5 .reg-form p.p2{ height:30px; padding-top: 10px;}
#item5 .reg-form p.p3{ height:30px; width: 170px;}
#item5 .reg-form p.p4{ height:30px; width: 190px;}
#item5 .reg-form p.p5{ height:36px; width: 100%;}
#item5 .label1{ display:inline; float:left; height:26px; line-height:26px; overflow:hidden; text-align:left; width:48px;}
#item5 .label2{ display:inline; float:left; height:26px; line-height:26px; overflow:hidden; text-align:left; width:76px;}
#item5 .field1{ background: #fff; border:solid 1px #d5d5d5; display:inline; float:left; overflow:hidden; height:20px; line-height:20px; overflow:hidden; padding:2px 3px; width:100px;}
#item5 .field2{ margin-top:6px; _margin-top:2px;}
#item5 .field3{ background: #fff; border:solid 1px #d5d5d5; display:inline; float:left; overflow:hidden; line-height:18px; overflow:hidden; padding:2px 3px; width:312px;}
#item5 .field4{ background: #fff; border:solid 1px #d5d5d5; display:inline; float:left; height:60px; line-height:20px; overflow:hidden; padding:2px 3px; width:276px;}
#item5 .field5{ background: #fff; border:solid 1px #d5d5d5; display:inline; float:left; overflow:hidden; line-height:18px; overflow:hidden; padding:2px 3px; width:134px;}

#item5 .btn{ border:none; cursor:pointer; display:inline; float:left; height:30px; width:170px;}
#item5 .btn1{ background:#1060b2; color:#fff; margin-right: 20px;}
#item5 .btn1:hover{ background:#f60; color:#fff;}
#item5 .btn2{ background:#999; color:#fff;}
#item5 .btn2:hover{ background:#aaa; color:#fff;}

#item5 .content2{ margin: 0 auto; position: relative; width: 1000px;}
#item5 .searchBox{ margin: 40px auto 60px; width: 700px;}
#item5 .searchBox i{ background: url(../images/cqc_63.gif); display: inline; float: left; height: 38px; margin-right: 14px; overflow: hidden; width: 117px;}
#item5 .searchBox p{ border: solid 1px #d5d5d5; border-right: none; color: #333; display: inline; float: left; font-size: 16px; height: 32px; line-height: 32px; margin: 4px 0 0 0; text-indent: 10px; width: 358px;}
#item5 .searchBox p em{ color: #aaa; display: inline-block;}
#item5 .searchBox a.a1{ background: #3385ff; color: #fff; display: inline; float: left; height: 34px; line-height: 34px; margin: 4px 10px 0 0; text-align: center; width: 100px;}
#item5 .searchBox a.a1:hover{ background: #2e77e5; color: #fff; text-decoration: none;}
#item5 .searchBox a.a2{ background: #f60; color: #fff; display: inline; float: left; height: 34px; line-height: 34px; margin: 4px 0 0 0; text-align: center; width: 100px;}
#item5 .searchBox a.a2:hover{ background: #e55c00; color: #fff; text-decoration: none;}


/* footer */
.footer{height: 300px; width: 100%; background:#195fa7; overflow: hidden; position: relative;}
.footer-main{width:1000px; margin:10px auto 0 auto; height: 300px; background:url(../images/logo_bottom.gif) top left no-repeat; overflow: hidden;}
.footer-right{width: 660px;float: right; display: inline; overflow: hidden; font-size: 12px; margin-top: 50px; margin-bottom: 20px;}
.footer-right .footer-text{ float: left; width:490px; overflow: hidden; }
.footer-right .footer-text div{ color:#FFF;}
.footer-right .footer-text p{ line-height: 26px; margin-top: 20px;}
.footer-p1{ color: #fff;}
.footer-p2{ color: #91c1f3;}
.footer-right .footer-weixin{ color: #FFF; float:right; width: 170px; overflow: hidden; }
.footer-right .footer-weixin img{ border: solid 3px #fff; border-radius: 3px;}
.footer-right .footer-text a{ color: #FFF;}
.footer-right .footer-text a:hover{ text-decoration: underline;}
.footer-bottom{1000px; text-align: center; overflow: hidden; clear: both; height: 50px; }
.returns-up{ width: 62px; height: 60px; overflow: hidden; cursor: pointer; display: block; position: absolute;background: url(../images/Returns_top.jpg) no-repeat; top: 0; right: 6%; }