@charset "utf-8";
/* CSS Document */
*{padding: 0px;margin: 0px;}
ul,li{list-style:none;}
em,i{font-style: normal}
a{ text-decoration:none;color: #424242;font-size: 14px}
body{background-position:0 0; background-repeat:no-repeat; background-position:center top;}
.tong{width: 1200px;margin-left: auto;margin-right: auto}
.tong2{width: 1920px;margin-left: auto;margin-right: auto}

/*top*/
.top{height: 50px;background:url(../images/topbg.jpg) no-repeat;}
.top i{color: #fff;line-height: 50px;float: left;width:55%}
.top li{line-height: 50px;float: right;width:45%;}
.top li img{line-height: 50px;float: left}
.top li span{color: #7f7f7f;line-height: 50px;float: left;padding-right: 20px}

/*top2*/
.top2{height: 150px;}
.top2 img{float: left}
.logo{float: left}
.top2 li{float: left;width: 500px}
.top2 li i{color: #3075f7;font-weight: bold;font-size: 18px;line-height:40px;float: left;width: 500px;padding-top: 40px}
.top2 li span{color: #929292;font-weight:normal;padding-left: 10px}

/*topnav*/
.topnav{position: relative;background: #f3f3f3;height: 80px;z-index: 99999999}
.topnav li{width:16%;float: left;display: block;line-height: 80px;text-align: center}
.topnav li:hover{ position:relative;background-color:#3075f7}
.topnav li:hover a{color: #fff}
.topnav li ul {display: none;width: 100%;height: auto}
.topnav li:hover ul {display:block;position:absolute; left:0;background-color:#3075f7;top:80px;z-index: 9999999 }
.topnav li:hover ul li { display:block;width:100%;background:none;line-height:60px;height: 60px;border-top: 1px dotted #fff}
.topnav li:hover ul li:hover {background:#424242;}
.topnav li ul li ul{display:none}
.topnav li:hover ul li ul{display:none}
.topnav li ul li:hover ul{position: absolute;left:100%;display: block;top:0}
.topnav li:hover ul li:hover ul li:first-child{border:none}

/*banner*/
.yuan-banner{width:100%;margin-left:auto; margin-right:auto; height:800px;z-index:15;}
#full-screen-slider {width:100%;height:800px;float:left;position:relative;display: block;overflow: hidden;}
#slides { display:block; width:100%; height:800px; list-style:none; padding:0; margin:0; position:relative; z-index:99;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index:99;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:700px; z-index:99999999;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#fff; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background-color:#3075f7;}

/*search*/
.search{background:url(../images/searchbg.png) no-repeat;position: absolute;height:165px;display: block;width: 1235px;margin: auto;top: -60px;z-index:999999; }
.search form{width: 1150px;margin: auto;margin-top:50px;height: 50px}
.search .keywords{background:url(../images/input.png) no-repeat;width: 967px;height: 45px;border: none;color: #9a9a9a;text-indent: 20px;float: left}
.search .button{background:url(../images/button.png) no-repeat;width: 163px;height: 45px;border: none;float: right;color: #fff;text-align: center;font-size: 16px}
.search p{width: 1150px;margin: auto;line-height: 40px;color: #959595;font-size: 14px}

/*products*/
.products{margin-top:150px;height:1950px}
.products h2{background:url(../images/productsbg.png) no-repeat;height: 50px;text-align: center;color: #6e6e6e;font-size: 30px;line-height: 50px}
.products h2 i{color: #3075f7;padding-left: 20px}
.classification{width: 900px;margin: auto;line-height: 80px;height: 80px}
.classification a{width:14%;float: left;display: block;text-align: center}
.classification i{float: left;display: block;margin: 0 20px;float: left}

.classification2{height:1250px}
.classification2 li{width: 100%;height: 400px;display: block;float: left}
.classification2 li a{width: 100%;height: 400px;display: block;float: left}
.classification2 li a img{float: left;width:443px}
.classification2 li a span{background:url(../images/probg.png) no-repeat;height: 400px;display: block;width: 633px;float: right;text-align: right;color: #a1a1a1;font-size: 24px;padding-top: 120px;text-transform: uppercase;transition: all 1s;}
.classification2 li:hover a span{background:url(../images/probg2.png) no-repeat;color: #3075f7;transition: all 1s;}

.classification2 li:first-child+li a img{float: right;width:443px}
.classification2 li:first-child+li a span{float: left;text-align: left;}

.productsmain{width: 100%;float: left;height:480px}
.productsmain li{width: 295px;height: 222px;float: left;position: relative;margin-right:5px;margin-bottom: 5px}
.productsmain li a{width: 295px;height: 222px;float: left;display: block}
.productsmain li a span{width: 295px;height: 222px;display: none;position: absolute;background:url(../images/cp1bg.png) no-repeat;z-index: 9999;top:0}
.productsmain li a em{display: none;color: #fff;text-align: center;position: absolute;top:130px;z-index: 99999;width: 295px;}
.productsmain li a img{width: 295px;height: 222px;float: left;}

.productsmain li:hover a span{display: block}
.productsmain li:hover a em{display: block}

.promore{width: 100%;border: 1px solid #0727a2;height: 50px;float: left;}
.promore a{width: 100%;line-height: 50px;text-align: center;display: block;color: #0727a2}

.promore:hover{background:#0727a2;color: #fff}
.promore:hover a{color: #fff}

/*advantage*/
.advantage{background:url(../images/advantagebg.png) no-repeat;height: 680px}
.advanleft{width:22%;float: left;margin-top: 200px;margin-left:5%}
.advanleft li{line-height: 80px;}
.advanleft li i{color: #fff;padding-left:100px;font-size: 22px}

.advanright{width:55%;float:right;border: 3px solid #fff;height: 323px;margin-top:180px}
.advanright ul{padding: 30px 0 0 120px}
.advanright h2{color: #fff;font-size: 30px;font-weight: bold;line-height:60px;height: 120px;}
.advanright h3{color: #fff;font-size: 14px;font-weight: bold;line-height:30px;text-transform: uppercase;letter-spacing:3px;height: 60px;}
.advanright em{color: #e9e9e9;font-size: 16px;font-weight:lighter;line-height:30px;padding-top:30px;display: block}

/*aboutus*/
.aboutus{margin-top: 30px;position: relative;height: 500px;width: 100%;display: block}
.aboutus h2{height: 50px;text-align: center;color: #6e6e6e;font-size: 30px;line-height: 50px;background:url(../images/productsbg.png) no-repeat;}
.aboutus h2 i{color: #3075f7;padding-left: 20px}
.aboutright{position: absolute;right: 0}

.anoutmain{width:60%;float: left;margin-top: 30px}
.anoutmain p{text-indent: 20px;line-height: 30px;color: #424242}
.anoutmain a{line-height: 60px;font-weight: bold}
.anoutmain a:hover{color:#3075f7}

.anoutmain2{width:100%;float: left;margin-top: 10px}
.anoutmain2 ul{width:60%;float: left;}
.anoutmain2 li{width: 30%;height: 250px;float: left;}
.anoutmain2 li:hover h2{color:#3075f7}
.anoutmain2 li:hover p{color:#3075f7}
.anoutmain2 li h2{padding-top: 100px;font-size: 20px;color: #424242}
.anoutmain2 li p{font-size: 14px;color: #9e9e9e;line-height: 25px;text-align: center;width: 200px;margin: auto}

.anoutmain2 li:first-child{background:url(../images/li1.png) no-repeat;margin-right: 20px;}
.anoutmain2 li:first-child +li{background:url(../images/li2.png) no-repeat;margin-right: 20px;}
.anoutmain2 li:first-child +li+li{background:url(../images/li3.png) no-repeat;}

/*advantage2*/
.advantage2{margin-top: 50px;height: 360px}
.advantage2 li{width: 240px;height: 350px;float: left;position: relative}
.advantage2 li em{width: 240px;height: 350px;background:url(../images/advlibg.png) no-repeat;position: absolute;top:0;display: none}
.advantage2 li img{display: block}
.advantage2 li h2{text-align: center;color: #fff;font-size: 16px;font-weight: normal;line-height: 25px}
.advantage2 li i{font-size: 16px;color: #fff;position: absolute;text-align: center;display: none;width: 240px;top:100px}
.advantage2 li span{font-size: 14px;color: #fff;position: absolute;text-align: center;display: none;top:150px;padding: 0 20px;line-height: 25px}

.advantage2 li:hover em{display: block}
.advantage2 li:hover img{display: none}
.advantage2 li:hover h2{display: none}
.advantage2 li:hover i{display: block}
.advantage2 li:hover span{display: block}

.advantage2 li:first-child{background:url(../images/advlibg1.jpg) no-repeat;}
.advantage2 li:first-child+li{background:url(../images/advlibg2.jpg) no-repeat;}
.advantage2 li:first-child+li+li{background:url(../images/advlibg3.jpg) no-repeat;}
.advantage2 li:first-child+li+li+li{background:url(../images/advlibg4.jpg) no-repeat;}
.advantage2 li:first-child+li+li+li+li{background:url(../images/advlibg5.jpg) no-repeat;}

/*news*/
.news{background:url(../images/newsbg.png) no-repeat;height: 500px;margin-top: 30px}
.news h2{height: 50px;text-align: center;color: #6e6e6e;font-size: 30px;line-height: 50px;background:url(../images/productsbg.png) no-repeat;}
.news h2 i{color: #3075f7;padding-left: 20px}

.news ul li:nth-child(n){width: 25%;background:url(../images/news1.png) no-repeat;height: 450px;position: relative;float: left}
.news ul li:nth-child(2n){width: 25%;background:url(../images/news2.png) no-repeat;height: 450px;position: relative;float: left}
.news ul li:nth-child(n):hover{background:url(../images/news3.png) no-repeat;}
.news ul li:nth-child(2n):hover{background:url(../images/news4.png) no-repeat;}

.news ul li a h3{width: 100%;text-align: center;position: absolute;top:80px;font-size: 16px;font-weight: bold}
.news ul li a i{display: none}
.news ul li a span{width: 100%;text-align: center;position: absolute;top:110px;color: #696969;font-size: 14px}
.news ul li:hover a h3{top:110px;transition-duration: 0.5s;color: #3075f7;}
.news ul li:hover a i{display: block;text-align: center;position: absolute;top:85px;width: 100%;color: #3075f7;}
.news ul li:hover a span{top:40px;transition-duration: 0.5s;}

.news ul li:nth-child(2n) a h3{width: 100%;text-align: center;position: absolute;top:300px;font-size: 16px;font-weight: bold}
.news ul li:nth-child(2n) a i{display: none}
.news ul li:nth-child(2n) a span{width: 100%;text-align: center;position: absolute;top:330px;color: #696969;font-size: 14px}
.news ul li:nth-child(2n):hover a h3{top:330px;transition-duration: 0.5s;color: #3075f7;}
.news ul li:nth-child(2n):hover a i{display: block;text-align: center;position: absolute;top:305px;width: 100%;color: #3075f7;}
.news ul li:nth-child(2n):hover a span{top:260px;transition-duration: 0.5s;}

/*contactus*/
.contactus ul{width: 50%;float: right;height: 300px;background:#3075f7;}
.contactus ul h3{text-transform: uppercase;color: #fff;font-size: 22px;padding-left: 30px;padding-top: 30px;line-height:40px}
.contactus ul i{color: #fff;padding-left: 30px;line-height:30px;display: block;padding-top:15px;font-size: 13px;}

/*friendlink*/
.friendlink{height:100px; margin-top:30px; margin-bottom:20px;}
.link_tgb {line-height:42px;height:42px;background:url(../images/link.png) no-repeat;}
.link_tgb a{ padding-right:20px; float: right; color:#fff; }
.link_tgb span {padding-left:10px; font-size:14px}
.link_tgb .t1 {color:#fff; cursor:pointer;padding:4px 40px;font-style: normal;}
.link_tgb .t2 {color: #fff; cursor: pointer;padding:4px 35px;font-style: normal;}
.links {color:#333;line-height: 25px;height: 50px;padding-top: 10px;padding-bottom: 0px;}
.links a {padding:0 10px; line-height:40px; color:#333; font-size:14px;}
.links div a:first-child{padding-left:0px;}
.links .hidden { display:none;}

/*copyright*/
.copyright{width: 100%;height: 100px;background:#3075f7;}
.copyright p{line-height: 50px;height: 50px;border-bottom: 1px solid #fff;font-size: 14px;color: #fff}
.copyright li{line-height: 50px;height: 50px;font-size: 14px;color: #fff}
.copyright span{float: right}
.copyright span a{float: left;color: #fff;padding-left: 15px}

/*内页*/
.nbanner{ width:100%; height:350px; background:url(../images/nbanner.jpg) no-repeat;background-attachment:fixed;}
.main{ min-height:600px; overflow:hidden; margin-top:20px; color: #555;margin-bottom: 20px}

/*内页导航*/
.locabg{ width:100%; height:70px; box-shadow: 0px 8px 10px #f2f2f2; margin-bottom:50px;}

.toplist{float: left}
.toplist ul{ list-style:none;}
.toplist ul li{  margin:0; padding:0; width:120px; height:70px; line-height:70px; float:left;}
.toplist ul li a{ display:block;line-height:70px; color:#555;font-size:14px; text-align:center}
.toplist ul li a:hover{background:#3075f7; color:#fff;}
.toplist ul li.current{background:#3075f7; }
.toplist ul li.current a{ color:#FFF}

.location{height:70px; line-height:70px;float:right; color:#555; font-size:14px;}
.location a{ color:#555;}
.location a:hover{ color:#3075f7; text-decoration:none;}

/*内页产品*/
.pronei{width: 100%}
.pronei li{width: 295px;height: 222px;float: left;position: relative;margin-right:5px;margin-bottom: 5px}
.pronei li a{width: 295px;height: 222px;float: left;display: block}
.pronei li a span{width: 295px;height: 222px;display: none;position: absolute;background:url(../images/cp1bg.png) no-repeat;z-index: 9999;top:0}
.pronei li a em{display: none;color: #fff;text-align: center;position: absolute;top:130px;z-index: 99999;width: 295px;}
.pronei li a img{width: 295px;height: 222px;float: left;}

.pronei li:hover a span{display: block}
.pronei li:hover a em{display: block}

/*分页*/
.page {text-align:center; margin:0px auto; padding:0px; width:1200px; padding-right: 7px; height: 35px; padding-top: 30px; padding-bottom: 30px; float:left}
.page a{ border:1px solid #eee; background:#fff; color: #999; height:26px; line-height:26px; padding:6px 8px;margin:0 2px; text-decoration:none; }
.page a:hover {background:#383838; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;}
.page span{ display:inline; background: #383838; color: #d1d1d1; font-size:12px;height:26px; line-height:26px; padding:6px 6px;margin:0px 5px; }

/*内页productcontent*/
.pro_right{ float:right;width:460px;height:460px;background-color:#EBEBEB}
.pro_right h2{ color:#444; line-height:40px;line-height: 100px;text-indent:1em;}
.pro_right p{margin: 2em;margin-top: 0;line-height: 30px;border-bottom: dotted 1px #42424242;padding-bottom: 30px;border-top:  dotted 1px #42424242;padding-top: 30px;height: 200px}
.pro_right a{ display:block; width:200px; height:40px; background:#1f2d38; color:#fff; line-height:40px; text-align:center;margin-left: 2em}
.pro_right a:hover{ background:#3075f7;}

.pro_right b{ display:block; font-weight: normal;}
.pro_right i{ display:block; height:200px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:20px 0; margin:20px 0; overflow:hidden;}

.details{float: left;width: 1200px;margin-top: 30px;font-size: 14px;line-height: 30px}

/*网站地图*/
.sitemap{ height:38px; line-height:38px;width:100%; float:left; padding:0px; margin:0px auto; margin-bottom:10px; background: #ededed; margin-top:20px; margin-bottom:20px;}
.sitemap span{ width:170px; height:38px; line-height:38px; font-size:15px;  color:#fff; text-align:left;float:left; background: #3075f7; padding-left:15px;}
.sitemap span b{color:#fff; font-size:12px;text-transform:uppercase}
.sitemap p{ color:#333;}

/**ieve**/
.ieves{margin-left: auto;margin-right: auto; width:1200px;  height:auto; overflow:hidden;}
.ieves ul{margin:0;padding:0px;text-align:left; }
.ieves li{line-height:32px; height:32px;  overflow:hidden; border-bottom:1px dashed #d2d1d1; padding-left:10px;}
.ieves li span{text-align:right; float:right; color:#727272; font-size:12px;}
.ieves li a{float:left; text-align:left;line-height:32px; height:32px; text-decoration:none; color:#444;}
.ieves li a:hover{ color:#3075f7;}

/*内页inews*/
.inew{width: 1200px;height:100%;display: block;float: left}
.inew li{width: 1200px;float: left;height: 120px;display: block}
.inew li p{width: 5px;height:22px;display: block;background-color: #3075f7;float: left;margin-top:15px}
.inew li h2{float: left;font-size: 16px;padding-left: 10px;float: left;line-height: 50px}
.inew li h3{float: left;font-size: 16px;padding-left: 10px;float: right;line-height: 50px}
.inew li i{float: left;width:1200px;line-height: 25px;color: #5d5d5d}
.inew li em{width:1200px;height: 3px;display: block;background-color: #f0f0f0;float: left;margin: 10px 0 10px 0}
.inew li:hover em{background-color: #3075f7;width: 380px;transition-duration: 0.5s}
.inew li:hover h2{color:#3075f7}
.inew li:hover p{color:#3075f7}
.inew li:hover h3{color:#3075f7}
.inew li:hover i{color:#3075f7}

/*内页inewscontent*/
.ih6 h2{ text-align:center;color:#999;font-size:30px;line-height: 50px;width: 100%}
.ih6 li{ width: 1200px;float: left;}
.ih6 i{width:25%;float: right;line-height: 50px}
.descriptions{line-height: 30px;font-size: 14px;}

/*上一篇 下一篇*/
.next {text-align:right; margin:0px auto; padding:8px 0px; height: 32px; line-height:32px; border-top:1px solid #ddd; margin-top:40px; color:#999;}
.next a{height:32px; line-height:32px; text-decoration:none; color:#999;}
.next a:hover{ text-decoration:none; color:#333;}

/*relation*/
.relation{line-height:20px;margin-bottom:10px; color:#999;}
.relation a{line-height:30px; display:block;}
.relation a:hover{color: #3075f7}
.relation span{
	line-height: 30px;
	height: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	display: block;
	border-bottom-color: #666;
	margin-bottom: 10px;
	
}
.relation span em{
	background-color: #666;
	display: block;
	width: 85px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
border-radius:5px 5px 0px 0px;}
.relation span em a{ color:#ffffff;}

/*mesage*/
.main-content{ width:1200px;background:url(../images/kf.png) no-repeat left center; margin-bottom: 50px;margin: auto}
.mess{ text-align:left; color:#777; font-size:14px; margin-bottom:20px;  }
.mess b{ color:#333; font-size:28px; font-weight:normal; line-height:40px;}
.main-content  table{  margin-bottom:15px; font-size:14px; }
.main-content .input{ border:1px solid #ccc; padding:8px 0px; background-color:#ffffff; }
.main-content textarea{ margin:0; padding:0;background:#f9f9f9; border:1px solid #ccc;}
.submit2{background-color:#3075f7;color:#FFF;width:120px;height:40px;line-height:40px;border:0;margin-right:30px;}
.reset2{background-color:#4a4a4a;color:#FFF;width:120px;height:40px;line-height:40px;border:0;}
.contact-left  p{ line-height:24px;}
.contact-left2{width:650px; float:left;margin-left:50px; color:#333333; line-height:30px; font-size:14px;}
.mess2{ text-align:left; color:#777; font-size:14px;  margin-bottom:20px;   }
.mess2 b{ color: #555;font-size: 18px;text-transform: uppercase;}



.proleftt{width: 300px;float: left;margin-top: 30px;}


/*网站地图2*/
.sitemap2{ height:38px; line-height:38px;width:300px; float:left; padding:0px; margin:0px auto; margin-bottom:10px;margin-top:20px; margin-bottom:20px;}
.sitemap2 span{ width:100%; height:38px; line-height:38px; font-size:15px;  color:#fff; text-align:left;float:left; background: #3075f7; padding-left:15px;}
.sitemap2 span b{color:#fff; font-size:12px;text-transform:uppercase}
.sitemap2 p{ color:#333;}

/*内页产品*/
.pronei2{width: 100%}
.pronei2 li{width: 295px;height: 222px;float: left;position: relative;margin-right:5px;margin-bottom: 5px}
.pronei2 li a{width: 295px;height: 222px;float: left;display: block}
.pronei2 li a span{width: 295px;height: 222px;display: none;position: absolute;background:url(../images/cp1bg.png) no-repeat;z-index: 9999;top:0}
.pronei2 li a em{display: none;color: #fff;text-align: center;position: absolute;top:130px;z-index: 99999;width: 295px;}
.pronei2 li a img{width: 295px;height: 222px;float: left;}
.pronei2 li:hover a span{display: block}
.pronei2 li:hover a em{display: block}

/**ieve**/
.ieves2{margin-left: auto;margin-right: auto; width:300px;  height:auto; overflow:hidden;}
.ieves2 ul{margin:0;padding:0px;text-align:left; }
.ieves2 li{line-height:32px; height:32px;  overflow:hidden; border-bottom:1px dashed #d2d1d1; padding-left:10px;}
.ieves2 li span{text-align:right; float:right; color:#727272; font-size:12px;}
.ieves2 li a{float:left; text-align:left;line-height:32px; height:32px; text-decoration:none; color:#444;}
.ieves2 li a:hover{ color:#3075f7;}

.detailsright{float: left;width:800px;margin-top: 30px;font-size: 14px;line-height: 30px;float: right;}
.detailsright img{float: left;width: 100%}