@import url(demo.css);
h4, h5, h6, h1, h2, h3{margin-top: 0;}
ul, ol{margin: 0;}
p{margin: 0;}
html, body{font-family:Arial, 'Source Sans Pro', sans-serif;font-size: 100%;background:#fff;}
a,a.hover,a:link{text-decoration: none;}
a:hover{
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
UL, LI{list-style:none;padding:0px;margin:0px}
.w{width:100%;float:left}
.main{width:1280px;margin:0 auto;padding:0px 5px;}
.mainN{width:1130px;margin:0 auto;padding:0px 5px;}
.header{width:100%;margin:0 auto;}
.top{width:100%;float:left;height:72px;margin-top:10px}
.header .top .left{width:50%;float:left}
.header .top .right{width:50%;float:left;text-align:right}
.header .top .left img{width:100%; max-width:196px}
.navbar{width:100%;float:left}
.collapse{width:1070px;margin:0 auto;font-size:100%}
.foot{width:100%;float:left;margin-top:20px;padding-top:25px; padding-bottom:20px; border-top:1px solid #000;}
.foot ul{width:25%;float:left;}
.foot ul li{width:100%;color:#000;font-size:14px;height:25px;color:#959595}
.foot ul li b{display:block;padding-bottom:5px; font-size:16px}
.foot ul li a:link, .foot ul li a:visited, .foot .c{color:#959595;font-size:14px}
.foot ul li a:hover, .foot ul li a:active{color:#F00;}
.foot .c{height:auto}
.footb{width:100%;float:left;background:#252525;height:43px;line-height:43px;}
.footb .main .div1{width:50%;text-align:center;color:#959595;font-size:14px;float:left}
.footb .main .div2{float:right; width:180px; padding-top:5px}
.icon{font-size: 12px;line-height: 12px;width:12px;height:12px;color:#323232;-webkit-transition: font-size 0.25s ease-out 0s;-moz-transition: font-size 0.25s ease-out 0s;transition: font-size 0.25s ease-out 0s;position:absolute;display:none;top:5px;right:10px;}
ul.social{float:right;margin-right:100px}
ul.social li{display:inline;float:left;}
ul.social2{float:right;margin-top:10px}
ul.social2 li{display:inline;float:left;}

ul.social3{float:left;margin-top:20px;width:100%; margin-bottom:15px}
ul.social3 li{display:inline;float:left;}
ul.social3 li a{ width:32px; height:32px; color:#fff; font-size:20px; line-height:32px}
ul.social3 a.rss {	background-color:#305891;}
ul.social3 a.twitter {	background-color:#2ca8d2;}
ul.social3 a.facebook {background-color:#738a8d;}
ul.social3 a.flickr:hover {background-color:#ff0084;}
ul.social3 a.google:hover {	background-color:#e1472f;}
ul.social3 a.rss {background-color:#f28d34;}
ul.social3 a.twitter {background-color:#00acee;}
ul.social3 a.facebook {background-color:#3b5998;}
ul.social3 a.flickr {background-color:#ff0084;}
ul.social3 a.google {background-color:#e1472f;}

.pagess{width:100%; float:left; font-size:12px}
.pages{ width:100%; float:left; padding-top:30px; padding-bottom:20px;}
.pages span{ display:block; height:20px; float:left; line-height:19px;}
.pages .page,.pages .pageon{ border:1px solid #999; margin-right:3px;color:#626262; font-size:12px; vertical-align:middle;color:#000000}
.pages .page a:link,.pages .page a:visited{ color:#000; display:block;  height:100%; padding:0px 6px; float:left; font-size:12px; width:auto}
.pages .page a:hover,.pages .page a:active{ color:#fff; background:#e40210}
.pages .pageon{color:#fff; background:#e40210;display:block; padding:0px 6px; margin-right:3px;}
.pages .page2{display:block; padding:0px 6px;border:1px solid #e40210; margin-right:3px;margin-left:0px; background:#e40210; color:#fff  }
.pages .page1{}
.pages .page1 input{ height:20px;height:20px;border:1px solid #999; background:none; color:#717171; font-size:11px}
.pages .page1 #pages{ width:30px; height:18px;border-right:0px ; text-align:center; margin-left:10px}


/*内页开始*/
.n_title{width:100%; float:left; text-align:center; font-size:40px; color:#000000; border-bottom:1px solid #000; padding-bottom:19px; padding-top:35px;}
.n_title_nav{width:100%; float:left; text-align:center; height:77px; line-height:77px; color:#9d9d9d}
.n_title_nav select{ display:none}
.n_title_nav a:link, .n_title_nav a:visited, .foot .c{color:#9d9d9d;font-size:16px}
.n_title_nav a:hover, .n_title_nav a:active{color:#000;}
.n_c{width:100%; float:left; padding-top:78px;}
.n_c .left{width:436px; float:left; font-size:15px;}
.n_c .left .t{width:100%; float:left; border-bottom:1px solid #000; font-size:36px; padding-bottom:20px; margin-bottom:18px; color:#000}
.n_c .right{width:660px; float:right;}
.n_c .right img{width:100%}

.application_c{width:100%; float:left; padding-top:5px;}
.application_c a{ display:block;width:25%; border:1px solid #fff; float:left; position:relative;}
.application_c a img{width:100%; height:auto;}
.application_c a span{ display:block; background:url(../images/ico2.png) no-repeat;width:98px; height:98px; position:absolute; top:50%; left:50%; margin-left:-49px; margin-top:-49px; display:none}
.application_c a:hover span{ display:block;-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.n_left{width:871px; float:left;}
ul.news{float:left; margin-top:25px;width:100%}
.news li{ border-bottom:1px solid #dcdcdc; padding-bottom:33px; float:left; width:100%; margin-top:35px}
.news img{width:268px; float:left;}
.news div{width:580px; float:right; font-size:14px; color:#6d6d6d}
.news strong{ display:block; float:left; font-size:18px; line-height:20px; color:#000}
.news span{ display:block; float:left; padding:10px 0px;width:100%; font-size:12px; color:#6d6d6d;}
.news a.more{width:100px; height:38px; text-align:center; line-height:30px; height:30px; border:1px solid #6c6965; float:left; font-size:12px}

.service_t{ border-bottom:1px solid #000; height:77px; padding-top:25px;font-size:30px;}
ul.service{float:left; margin-top:0px; width:100%}
.service li{ border-bottom:1px solid #dcdcdc; padding-bottom:33px; float:left; width:100%; margin-top:35px}
.service img{width:190px; height:190px; float:left;}
.service div{width:660px; float:right; font-size:14px; color:#6d6d6d}
.service strong{ display:block; float:left; font-size:24px; line-height:20px; color:#000; font-weight:100}
.service span{ display:block; float:left; padding:10px 0px;width:100%; font-size:12px; color:#6d6d6d;}
.service a.more{width:100px; height:38px; text-align:center; line-height:30px; height:30px; border:1px solid #6c6965; float:left; font-size:12px; margin-top:22px}

ul.download{float:left; margin-top:10px; width:100%}
.download li{ border-bottom:1px solid #dcdcdc; padding-bottom:5px; float:left; width:100%; margin-top:20px}
.download div{width:660px; float:left; color:#6d6d6d}
.download strong{ display:block; float:left; font-size:24px; line-height:20px; color:#000; font-weight:100}
.download span{ display:block; float:left; padding:10px 0px;width:100%; font-size:12px; color:#6d6d6d;}
.download a.more{width:100px;  text-align:center; height:16px;  margin-top:22px; float:right}
.download a.more img{ height:16px;width:auto}

.contact_t{border-bottom:1px solid #000; height:77px; padding-top:25px;font-size:30px;}
.contact{width:100%; float:left;}
.contact .left{width:545px; float:left; padding:45px 0px 45px 20px; font-size:14px; color:#555555; line-height:24px}
.feedback{width:100%; float:left}
.feedback .c{width:100%; float:left; }
.feedback .title{width:100%; float:left; padding-top:100px; color:#000; padding-bottom:20px}
.feedback .input1{width:250px; float:left; margin-bottom:25px;}
.feedback .input11{ float:right;}
.feedback .input1 input{width:88%; border:0px solid #d2d2d2; margin:0px 5px}
.feedback .input1 div{width:100%; border:1px solid #d2d2d2; border-top:0px; height:5px; line-height:5px;}
.feedback .input2{width:100%; float:left; margin-bottom:25px; border-bottom:1px solid #e5e5e5; padding-bottom:40px}
.feedback .input2 textarea{width:100%; border:1px solid #cccccc; height:155px}
.feedback input[type='submit']{width:100px; font-weight:bold; height:30px; text-align:center; background:#6a8483; border:0px;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; margin-bottom:15px; float:left}
.feedback span{ float:right; text-align:right; color:#e74c3c; display:block;width:200px}
.contact .right{width:670px; float:right;padding:45px 0px 45px 0px;}

.n_right{width:350px; float:right; margin-top:45px}
.n_right .search{width:255px; height:32px; border:1px solid #595959}
.n_right .search input[type='text']{ height:30px; line-height:30px; float:left;width:200px; border:0px; padding:0px 10px}
.n_right .search input[type='submit']{ height:30px; width:30px; float:right; border:0px; background:url(../images/search2.jpg) no-repeat}
.n_right .title{width:100%; float:left; text-align:center; font-family:arial; text-align:left; font-size:14px; margin-top:32px}
.n_right .title strong{ font-size:28px; display:block; float:left;width:100%; padding-bottom:10px}
.n_right .title a{ display:block; float:left;width:250px}
.n_right a:link, .n_right a:visited{color:#9d9d9d; font-size:14px}
.n_right a:hover, .n_right a:active{color:#000;}

.n_c2{width:100%; float:left; padding-top:58px;}
.n_c2 .t{width:100%; float:left; font-size:36px; padding-bottom:18px;  color:#000}
.pro_t{ text-align:left; position:relative;}
.showpro_t{ text-align:left; position:relative; color:#585858; font-size:24px}
.pro_t em{ display:block; float:right;width:500px; text-align:right; color:#d6792d; font-size:14px; position:absolute; bottom:5%; right:0px;}
.login_c{width:260px; margin:0 auto; }
.login_c_t{border-bottom:1px solid #5b5b5b; padding:10px 0px; margin-bottom:10px; margin-top:50px; float:left;width:100%; color:#5b5b5b; font-weight:bold; margin-bottom:20px}
.login_c .div,.login_c .Password{ float:left;width:218px; height:40px; margin-top:20px; margin-left:22px;}
.login_c .div label,.login_c .Password label{ background:url(../images/ico2.jpg) no-repeat top left;width:14px; height:17px; float:left; margin-left:5px}
.login_c .Password label{ background:url(../images/ico2.jpg) no-repeat bottom left;width:14px;}
.login_c .bg{ float:left;width:100%; height:6px; border:1px solid #d3d3d3; border-top:0px;}
.login_c input[type='text'],.login_c input[type='password']{ width:186px; float:right; border:0px; height:20px; line-height:20px; margin-right:5px; color:#80777c; font-size:14px}
.login_c .login_cc{width:100%; background:#f4f4f4; padding:20px 0px; float:left}
.login_c .login_cc div{width:200px; margin:0 auto; font-size:14px; color:#7b7b7b;}
.login_c input[type='submit']{width:100%; height:30px; text-align:center; background:#6a8483; border:0px;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; margin-bottom:15px;}

.clear{	margin:0; padding:0; line-height:1px; font-size:1px; height:0; clear:both; display:block;}
.reg{padding:50px; float:left;width:100%}
.regcc{width:320px; margin:0 auto}
.regt{width:100%; text-align:center; font-size:36px; line-height:30px; padding-bottom:20px}
.regt font{width:100%; text-align:center; font-size:16px; color:#999; display:block; padding:5px 0px}
.login_c2{width:400px; margin:0 auto;border:6px solid #d9d7cd; padding-top:20px }
.login_c2 .div{ float:left;width:320px; height:40px; margin-top:20px; }
.login_c2 .div label,.login_c2 .Password label{ background:url(../images/ico2.jpg) no-repeat top left;width:14px; height:17px; float:left; margin-left:5px}
.login_c2 .Password label{ background:url(../images/ico2.jpg) no-repeat bottom left;width:14px;}
.login_c2 .bg{ float:left;width:100%; height:6px; border:1px solid #d3d3d3; border-top:0px;}
.login_c2 input[type='text'],.login_c2 input[type='password']{ width:305px; float:right; border:0px; height:20px; line-height:20px; margin-right:5px; color:#80777c; font-size:14px}
.login_c2 input[type='password']{ width:285px;}
.login_c2 .login_cc{width:100%; background:#f4f4f4; padding:15px 0px; float:left}
.login_c2 .login_cc div{width:90%; margin:0 auto; font-size:14px; color:#7b7b7b; text-align:center}
.login_c2 input[type='submit']{width:167px; height:30px; text-align:center; background:#6a8483; border:0px;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; margin-bottom:15px;}


.pro_nav,pro_c{ float:left;width:100%;}
.showpro_c{ float:left;width:100%; font-size:16px; padding:20px 0px; color:#797979;}
.showpro_c .left{width:50%; float:left; text-align:center}
.showpro_c .right{width:50%; float:left; line-height:25px; padding-top:15px}
.showpro_c .right strong{ font-size:24px; font-weight:100; color:#070707}
.showpro_c .right div{ text-align:center;width:320px; float:left; font-size:20px; color:#070707; line-height:50px; padding-top:20px}

.pro_nav select{ display:none}
.pro_nav{  -webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar; overflow-Y:hidden; height:50px; line-height:50px}
.pro_c a:link, .pro_c a:visited, .foot .c{color:#070707;font-size:14px}
.pro_c a:hover, .pro_c a:active{color:#e50011;}
.pro_c ul,.pro_c li{ float:left;}
.pro_c li{ width:218px; line-height:30px; text-align:center; margin-top:30px; margin-right:7px;}
.pro_c li img{width:218px; height:218px;}
.pro_c li:nth-child(5n+0){ margin-right:0px;}

.pro_cc{width:100%;float:left;padding-top:20px;margin-bottom:0px;position:relative;}
.infopic{width:100%;height:355px;position:relative;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar; overflow-X:hidden;}
.piclist{position:absolute;top:0;left:0;}
.piclist li{margin-right:10px;float:left;overflow:hidden;}
.piclist li img{width:216px;}
.piclist a{width:216px;float:left;display:block;}
.piclist span{display:block;border:1px solid #e4e3d9;border-bottom:4px solid #e4e3d9;width:100%;border-top:0px;height:56px;line-height:56px;float:left;text-align:center}
.piclist a:link, .piclist a:visited{color:#070707}
.piclist a:hover, .piclist a:active{color:#F00;}
.pic_prev, .pic_next{width:39px;height:120px;background:url(../images/icon.png) no-repeat;position:absolute;top:75px;cursor:pointer;}
.pic_prev{background-position: top;left:0;}
.pic_next{background-position:bottom;right:0;}


 @media(max-width:1270px){
.main{width:98%;margin:0 auto;}
.mainN{width:100%;margin:0 auto;}
.header{width:100%;	margin:0 auto;}
.n_title_nav{width:100%; float:left; text-align:center; color:#9d9d9d; line-height:20px; padding:10px 0px}
.n_title{ font-size:150%;padding-top:10px;padding-bottom:5px;}
.n_c{width:100%; padding-top:30px;}
.n_c .left{width:100%;}
.n_c .left .t{width:100%; float:left; font-size:150%; text-align:center; padding-bottom:10px;margin-bottom:10px;}
.n_c .right{width:100%; float:right; padding-top:10px}
.n_c .right img{width:100%}
.n_c2{ padding-top:15px;}
.n_c2 .t{width:100%; float:left; font-size:150%; text-align:center; padding-bottom:10px;margin-bottom:10px; border-bottom:1px solid #000;  color:#000}
.n_c2 img{width:100%} 
.collapse{width:100%;margin:0 auto;font-size:70%}
.pro_c li{ width:49%; line-height:30px; text-align:center; margin-top:10px; margin-right:0px;}
.pro_c li img{width:100%; height:auto}
.pro_c li:nth-child(2n+0){ float:right; margin-right:0px;}
.infopic{width:100%; padding:0px 5px;height:340px;position:relative;overflow:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}
.pic_prev, .pic_next{display:none}
.foot{width:100%;float:left;background:#f1f1f1;padding-top:10px;}
.foot ul{width:95%;float:left;margin-left:2%;margin-bottom:10px}
.foot ul li{margin:0px;padding:0px;display:none;height:30px;line-height:30px;border-bottom:1px solid #e3e3e3;position:relative;width:100%;}
.foot ul li:nth-child(1){display:block;}
.foot ul li a{width:100%;display:block;float:left;}
.footb{width:100%;float:left;background:#252525;line-height:30px; height:auto}
.footb .main div{width:100%;font-size:12px;}
ul.social{} .icon{display:block;}
.cc{animation: 9.5s linear 0s normal none rotate;-webkit-animation:0.2s linear 0s normal none rotate;-webkit-transform:rotate(45deg)}
}
.foot .c{height:auto}

@media only screen and (max-width: 320px){
	.infopic{height:250px;overflow-y:hidden;}	
}

@media only screen and (min-width: 360px) and (max-width: 414px){
.infopic{height:290px;overflow-y:hidden;}		
}
@media only screen and (min-width: 320px) and (max-width: 600px){
.main{width:100%}	
.showpro_c .left{width:100%; text-align:center; margin-bottom:20px;}
.showpro_c .left img{width:80%;}
.showpro_c .right{width:320px; margin:0 auto; float:none;line-height:25px; padding-top:15px; text-align:left}
.showpro_c .right strong{ font-size:24px; font-weight:100; color:#070707;; display:block;}
.showpro_c .right div{ text-align:center;width:100%; float:left; font-size:20px; color:#070707; line-height:30px; padding-top:0px}
ul.social3{float:left;margin-top:20px;width:100%; margin-bottom:15px}	
.pro_t{ text-align:left}
.showpro_cc img{width:100%;}

.infopic2{height:200px;overflow-y:hidden;}
.piclist li,.piclist2 li{width:48%;margin-right:10px;}
.piclist li img,.piclist2 li img{width:100%;}
.piclist a,.piclist2 a{width:100%;float:left;display:block;}
.pic_prev, .pic_next,.pic_prev2, .pic_next2{top:55px;}

.n_left,.n_right{width:100%}
ul.news{float:left;width:100%; margin:0px}
.news li{ margin-top:0px; margin-top:10px; padding-bottom:15px}
.news img{width:100%; margin-bottom:10px; }
.news div{width:100%; }
.news span{ text-align:left;}
.news strong{font-size:16px;}

.service_t{  padding-top:5px;font-size:20px; height:40px;}
ul.service{float:left; margin-top:0px; width:100%;}
.service li{ border-bottom:1px solid #dcdcdc; padding-bottom:20px; float:left; width:100%; margin-top:10px}
.service img{width:100%; height:auto; margin-bottom:10px;}
.service div{width:100%; float:right; font-size:14px; color:#6d6d6d;}
.service strong{ display:block; float:left; font-size:20px; line-height:20px; color:#000; font-weight:100; }
.service span{ display:block; float:left; padding:10px 0px;width:100%; font-size:12px; color:#6d6d6d;}
.service a.more{width:100%;border:0px solid #6c6965; float:right; font-size:12px; margin-top:22px; background:#999; color:#fff}

.download li{ border-bottom:1px solid #dcdcdc; padding-bottom:0px; float:left; width:100%; margin-top:5px}
.download div{width:80%;color:#6d6d6d;}
.download strong{font-size:16px; }
.download span{padding:10px 0px;width:100%; font-size:12px; margin:0px;}
.download a.more{width:20%;  text-align:center;  float:right; margin:0px; height:16px;}
.download a.more img{ height:16px;width:auto}


.contact_t{border-bottom:1px solid #000; height:45px; padding-top:10px;font-size:20px;width:100%}
.contact{width:100%; float:left;}
.contact .left{width:100%; float:left; padding-top:10px;  padding-left:0px; padding-bottom:10px; font-size:14px; color:#555555; line-height:24px}
.feedback{width:100%; float:left}
.feedback .c{width:100%; float:left; padding:0px;}
.feedback .title{padding-top:20px; padding-bottom:20px}
.feedback .input1{width:250px; float:left; margin-bottom:25px;}
.feedback .input11{ float:left;}
.feedback .input1 input{width:88%; border:0px solid #d2d2d2; margin:0px 5px}
.feedback .input1 div{width:100%; border:1px solid #d2d2d2; border-top:0px; height:5px; line-height:5px;}
.feedback .input2{width:100%; float:left; margin-bottom:25px; border-bottom:1px solid #e5e5e5; padding-bottom:10px}
.feedback .input2 textarea{width:100%; border:1px solid #cccccc; height:155px}
.feedback input[type='submit']{width:100px; font-weight:bold; height:30px; text-align:center; background:#6a8483; border:0px;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; margin-bottom:15px; float:left}
.feedback span{ float:right; text-align:right; color:#e74c3c; display:block;width:200px}
.contact .right{width:100%; float:right;padding:0px 0px 10px 0px;}
.contact .right img{width:100%}

.n_right{ margin-top:20px}
.n_right .search{width:100%;}
.n_right .title{ font-size:14px; margin-top:20px}
.n_right .title strong{ font-size:20px; padding-bottom:10px}
.n_right .title a{width:100%}
.n_right a:link, .n_right a:visited{ font-size:14px}
.n_right a:hover, .n_right a:active{}

.application_c{}
.application_c a{width:50%;}
.pro_nav{ text-align:center}
.pro_nav div,.n_title_nav div{ display:none}
.pro_nav select,.n_title_nav select{ display:block; margin:0 auto; margin-top:10px; border:1px solid #ebebeb; padding:5px 20px; font-size:16px; background:#FFF}
.about img{width:100%; height:auto}

.reg{ float:none;width:300px; margin:0 auto;padding:0px;}
.regt{width:100%; text-align:center; font-size:20px; line-height:30px; padding-bottom:20px; padding-top:10px; float:left}
.regt font{font-size:16px; color:#999; line-height:15px}
.regt font{ font-size:12px}
.regcc{width:280px; float:left; margin-left:10px;}
.login_c2{width:100%; float:left;border:3px solid #d9d7cd; padding-top:20px }
.login_c2 .div{ float:left;width:100%; height:40px; margin-top:20px; }
.login_c2 .div label,.login_c2 .Password label{ background:url(../images/ico2.jpg) no-repeat top left;width:14px; height:17px; float:left; margin-left:5px}
.login_c2 .Password label{ background:url(../images/ico2.jpg) no-repeat bottom left;width:14px;}
.login_c2 .bg{ float:left;width:100%; height:6px; border:1px solid #d3d3d3; border-top:0px;}
.login_c2 input[type='text'],.login_c2 input[type='password']{ width:95%; float:right; border:0px; height:20px; line-height:20px; margin-right:5px; color:#80777c; font-size:14px}
.login_c2 input[type='password']{ width:285px;}
.login_c2 .login_cc{width:100%; background:#f4f4f4; padding:15px 0px; float:left}
.login_c2 .login_cc div{width:90%; margin:0 auto; font-size:14px; color:#7b7b7b; text-align:center}
.login_c2 input[type='submit']{width:167px; height:30px; text-align:center; background:#6a8483; border:0px;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; margin-bottom:15px;}
.login_c2 input:nth-child(2){width:88%;}

} 

@media only screen and (min-width: 414px) and (max-width: 479px){
.infopic{height:300px;overflow-y:hidden;}	
}