@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0; color: #000;  font:12px/180% "微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
body{width:100%; background-color:#fff;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style: none; vertical-align: bottom;}
img {border: none; display: block;}
em,i {font-style: normal;}
a{text-decoration:none; color: #666;}
.disable {display: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"微软雅黑"; outline:none;}
button{ font-family:"Arial"; outline: none;}
select{height:22px; line-height:18px; padding:2px 0; outline:none;}

/*banner*/
.banner{ min-width:1280px; height: 582px; background: url(../images/pic01.png) no-repeat center top; overflow: hidden;}

/*main*/
.main{ min-width: 1280px; background: url(../images/pic02.png) no-repeat center top;height: auto;overflow:hidden; zoom:1;}
.wrapper{ width:1280px;height: 790px; margin: 0 auto;}
.title{width:1280px; height: 70px; margin: 20px auto 0 auto;}
.title h1{ color:#606060; font-size: 34px; font-weight: bold;line-height: 45px;border-bottom: solid 1px #888888; width: 274px;}
.title h1 span{ color:#e75358;}
.title p{ font-size:16px;color:#888888;line-height: 25px;}
.con1{ width:1280px; height: 650px; margin: 60px auto 0 auto;}
.con1 .l{width:602px; height: 650px; float: left;background: url(../images/pic03.png) no-repeat center top; overflow: hidden;}
.con1 .l button{background: url(../images/pic22.png) no-repeat center top;width: 167px;height: 44px; margin: 500px 0 0 0;float: right;line-height:44px; font-size: 16px; color:#fff; border:none; font-weight: normal; text-align: left;text-indent: 33px;}
.con1 .r{ width:650px;height: 650px;float: right;}
.con1 .r h1{ width:650px; height: 150px; font-size: 16px;color: #5e5e5e; line-height: 26px; font-weight: normal;}
.con1 .r h1 span{ color:#1047b4;font-weight: bold;}
.con1 .r h2{ width:650px; height: 44px;}
.con1 .r h2 button{background: url(../images/pic22.png) no-repeat center top;width: 167px;height: 44px; margin: 0 10px 10px 0;float: right;line-height:44px; font-size: 16px; color:#fff; border:none; font-weight: normal; text-align: left;text-indent: 33px;}
.con1 .r h3{ width:650px; height: 430px;}
.con1 .r h3 img{ width:650px; height: 430px;}
.con2{ width:1280px; height: 800px; margin: 0 auto;}
.con2 ul{font-style: normal; height: 800px;}
.con2 ul li{width:410px; height: 370px; float: left;margin:7px; border: solid 1px #1047b4;}
.con2 ul li h1{width:410px; height: 231px;}
.con2 ul li h1 img{ width:410px; height: 231px;}
.con2 ul li h2{ width:390px; margin: 10px 0 0 12px; font-size: 16px; color: #5e5e5e; line-height: 24px; font-weight: normal;}
.con2 ul li h2 span{ color:#1047b4;font-weight: bold;}

.main2{ min-width: 1280px; background: url(../images/pic11.png) no-repeat center top;height: auto;overflow:hidden; zoom:1;}
.wrapper2{ width:1280px;height: 660px; margin: 0 auto;}
.title2{width:1280px; height: 70px; margin: 20px auto 0 auto;}
.title2 h1{ color:#606060; font-size: 34px; font-weight: bold;line-height: 45px;border-bottom: solid 1px #888888; width: 238px;}
.title2 h1 span{ color:#e75358;}
.title2 p{ font-size:16px;color:#888888;line-height: 25px;}
.con3{ width:1280px; height: 550px; margin: 0 auto;}
.con3 .l{width:636px; height: 550px; float: left; margin: 20px 0 0 0;}
.con3 .l h1{ width:636px; height: 120px; font-size: 16px;color: #5e5e5e; line-height: 26px; font-weight: normal;}
.con3 .l h1 span{ color:#1047b4;font-weight: bold;}
.con3 .l h2{ width:636px; height: 44px;}
.con3 .l h2 button{background: url(../images/pic22.png) no-repeat center top;width: 167px;height: 44px; margin: 0 3px 10px 0;float: right;line-height:44px; font-size: 16px; color:#fff; border:none; font-weight: normal; text-align: left;text-indent: 33px;}
.con3 .l h3{width:636px; height: 378px;}
.con3 .l h3 img{ width:636px; height: 378px;}
.con3 .r{ width:636px; height: 55px; float: right; margin: 20px 0 0 0;}
.con3 .r h1{width:636px; height: 378px;}
.con3 .r h1 img{ width:636px; height: 378px;}
.con3 .r h2{ width:636px; height:70px;}
.con3 .r h2 button{background: url(../images/pic22.png) no-repeat center top;width: 167px;height: 44px; margin: 10px 2px 10px 0;float: right;line-height:44px; font-size: 16px; color:#fff; border:none; font-weight: normal; text-align: left;text-indent: 33px;}
.con3 .r h3{width:636px; height: 120px; font-size: 16px; color: #5e5e5e; line-height: 26px; font-weight: normal;}
.con3 .r h3 span{ color:#1047b4;font-weight: bold;}
.con4{ width:1280px; height: 400px; margin: 0 auto;}
.con4 ul{font-style: normal; height: 400px;}
.con4 ul li{width:410px; height: 370px; float: left;margin:7px; border: solid 1px #1047b4;}
.con4 ul li h1{width:410px; height: 231px;}
.con4 ul li h1 img{ width:410px; height: 231px;}
.con4 ul li h2{ width:390px; margin: 10px 0 0 12px; font-size: 16px; color: #5e5e5e; line-height: 24px; font-weight: normal;}
.con4 ul li h2 span{ color:#1047b4;font-weight: bold;}

.main3{ min-width: 1280px; background: url(../images/pic17.png) no-repeat center top;height: auto;overflow:hidden; zoom:1;}
.wrapper3{ width:1280px;height: 770px; margin: 0 auto;}
.title3{width:1280px; height: 70px; margin: 20px auto 0 auto;}
.title3 h1{ color:#606060; font-size: 34px; font-weight: bold;line-height: 45px;border-bottom: solid 1px #888888; width: 204px;}
.title3 h1 span{ color:#e75358;}
.title3 p{ font-size:16px;color:#888888;line-height: 25px;}
.con5{ width:1280px; height: 680px; margin: 20px auto 0 auto;}
.con5 .l{with:330px; height: 650px; float: left;}
.con5 .l img{ width:330px; height: 650px;}
.con5 .c{ width:580px; height: 360px; float: left;margin: 190px 0 0 20px; font-size: 18px; line-height: 30px; color: #fff;}
.con5 .c h1{ width:580px; height: 70px; margin: 100px 0 0 0;}
.con5 .c h1 .button1{background: url(../images/pic22.png) no-repeat center top;width: 167px;height: 44px; margin: 10px 2px 10px 0;float: left;line-height:44px; font-size: 16px; color:#fff; border:none; font-weight: normal; text-align: left;text-indent: 33px;}
.con5 .c h1 .button2{background: url(../images/pic22.png) no-repeat center top;width: 167px;height: 44px; margin: 10px 2px 10px 0;float: right;line-height:44px; font-size: 16px; color:#fff; border:none; font-weight: normal; text-align: left;text-indent: 33px;}
.con5 .r{width:330px; height: 650px; float: right;}
.con6{ min-width: 1280px; background: url(../images/pic20.png) no-repeat center top;height:600px;}
.con6 h1{width:1150px; height: 460px; margin: 0 auto;}
.con6 h1 img{ width:1150px; height: 460px;}
.con6 h2{ width:1150px; height: 150px; margin: 20px auto 0 auto; font-size: 16px;color: #5e5e5e; line-height: 24px; font-weight: normal;}
.con6 h2 span{ color:#1047b4;font-weight: bold;}

/*footer*/
.footer{ min-width: 1280px; background-color: #212121; text-align: center;}
.footer p{ font-size: 16px; color: #b0b0b0; line-height: 80px;}



/*视频弹窗*/
.modal {display: none; position: fixed; z-index: 1; padding-top: 50px; left: 0;top: 0;width: 100%; height: 100%;  background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #fefefe;margin: auto; padding: 20px;border: 1px solid #888; width: 80%;}
.modal-content .video1 {width: 98%; height: 98%; display:block;}
.modal-content .video2 {width: 24%; height: 24%; display:block; margin: 0 auto;}
.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover,
.close:focus {color: #000;text-decoration: none;cursor: pointer;}