body,html{margin:0px;padding:0px;font-size:14px;font-family: "Microsoft YaHei" !important;}
body{background:url(../images/bg.jpg) no-repeat center top;}
div,ul,form,dd,ol,h1,h2,h3,h4,h5,h6,dl,dt,p{margin:0px;padding:0px;}
li{margin:0px;padding:0px;list-style-type: none;}
a:link{color:#333333;text-decoration: none;}
a:visited{color:#333333;text-decoration: none;}
a:hover{color:#0765b2;text-decoration: none;}
img{border:0;}
.clear{clear:both;}
.inner{margin:0 auto; width:1177px;}
.fl{float:left;}
.fr{float:right;}
/*--index css---*/
.banner{width: 100%;}
.banner img{width: 100%;}
.top{background: #fff; width: 1280px; margin: 0 auto; height: 85px; position: absolute; top: 0; left: 50%; margin-left: -640px;}
.logo{float: left; padding: 8px 0 0 15px;}
.nav{float: right;}
.nav li{float: left; width: 105px; text-align: center; line-height: 85px; font-size: 16px;}
.nav .en{ background:#0765b2; color:#fff;}
.cp{width: 1200px; margin: 0 auto;}
.cp .title{}
.cp .title h1{text-align: center; font-size: 25px; font-weight: normal; padding: 50px 0 35px 0;}
.cp .title h2{text-align: center; font-size: 14px; color: #848484; font-weight: normal; padding: 0 0 40px 0;}
.cpmain{}
.cpmain ul{}
.cpmain li{float: left; background: url(../images/cpbg.jpg) no-repeat; width: 180px; height: 180px; padding: 14.5px; margin: 0 10px 0 10px;}
.cpmain li img{width: 180px; height: 180px;}
.cp .more{clear: both; width: 190px; height: 40px; border: #cccccc 1px solid; line-height: 40px; text-align: center; color: #888888; margin: 50px auto 50px auto;}
.sort{clear: both;background: #212121; width:100%;}
.sort1{float: left; width: 49.9%;overflow:hidden;position: relative;}
.sort1 img{width: 100%;}
.sort1 h1{position: absolute;color: #fff;left: 47%;top: 40%;font-size: 35px;font-weight: normal;}
.sort1 span{position: absolute;left: 46%;top: 58%;color: #fff;border: #fff 1px solid;display: block;width: 150px;text-align: center;line-height: 35px;}
.sort2{width:100%;float: right;position: relative;}
.sort2 img{width: 100%;}
.sort2 h1{position: absolute;color: #fff;left: 65%;top: 30%;font-size: 25px;font-weight: normal;}
.sort2 span{position: absolute;left: 65%;top: 50%;color: #868686;border-radius: 5px;border: #868686 1px solid;display: block;width: 100px;text-align: center;line-height: 30px;}
.sort3{width:50%; float: right;position: relative;}
.sort3 img{width: 100%;}
.sort3 h1{position: absolute;color: #fff;left: 65%;top: 30%;font-size: 25px;font-weight: normal;}
.sort3 span{position: absolute;left: 65%;top: 50%;color: #868686;border-radius: 5px;border: #868686 1px solid;display: block;width: 100px;text-align: center;line-height: 30px;}
.sort4{float: right; width:50%;position: relative;}
.sort4 img{width: 100%;}
.sort4 h1{position: absolute;color: #fff;left: 65%;top: 30%;font-size: 25px;font-weight: normal;}
.sort4 span{position: absolute;left: 65%;top: 50%;color: #868686;border-radius: 5px;border: #868686 1px solid;display: block;width: 100px;text-align: center;line-height: 30px;}
.sortright{ width:50%; float:left; overflow:hidden;}
.footer{border-top:#eee 1px solid; padding: 50px 0 30px 0; clear:both;}
.footer .inner{width: 1000px; margin: 0 auto;}
.qcode{float: left;}
.footer .right{float: right; color: #676767; font-size: 15px;}
.btmnav{border-bottom: #ececec 1px solid; padding: 0 0 10px 0; margin: 0 0 10px 0px; height:25px;}
.btmnav ul{margin:0 0 0 -30px;}
.btmnav li{float: left; background: url(../images/btmline.jpg) no-repeat center right; width: 100px; text-align: center;}
.address{line-height: 30px; clear:both; width:100%;}
.btm{clear: both; background: #3a3a3a; height: 45px; line-height: 45px; text-align: center; color: #b3b3b3; font-size: 12px;}
.main{width: 1200px;margin:0 auto;}
.main .title h1{text-align: center; font-size: 25px; font-weight: normal; padding: 50px 0 10px 0;}
.main .title h2{text-align: center; font-size: 14px; color: #848484; font-weight: normal; padding: 0 0 40px 0; text-transform:capitalize;}
.main .title .line{background:#0865b2;width: 50px;height: 4px;margin:0 auto;}
.article{line-height:30px;font-size:14px;padding: 20px 0 50px 0;}
.num{width:100%; clear:both;}
.num img{width:100%;}
.feedback{width: 1109px;margin:0 auto;padding: 50px 0 50px 0;}
.txt1{border: #eaeaea 1px solid; width: 500px; height: 50px; border-radius: 5px; padding: 0 0 0 20px; margin: 0 30px 0 0;}
.txt2{border: #eaeaea 1px solid; width: 1056px; border-radius: 5px; height: 200px; margin: 20px 0 0 0; padding: 10px 0 0 20px;}
.btn{width: 1078px; height: 50px; background: #0865b2; border: none; color: #fff; font-size: 20px; border-radius: 5px; margin: 20px 0 0 0;}
.product{padding: 30px 0 30px 0;clear:both;}
.product li{margin: 0 15px 30px 14px; float:left;}
.product li img{border: #e5e5e5 1px solid; padding: 14.5px; width: 180px; height: 180px;}
.product li span{clear:both;display:block;text-align: center;padding: 20px 0 0 0;}
.cpnav{width: 1180px;margin: 0 auto;}
.cpnav li{padding: 0 28px;margin: 0 2px 10px 2px;background:#eee;color:#000;float:left;line-height: 45px;font-size: 16px;}

/*---pic roll---*/
#demo{overflow:hidden;width:1200px;margin: 0px auto 0 auto;height: 210px;}
#indemo{float: left;width: 800%;}
#demo1,#demo2{float: left;}