@charset "utf-8";
@font-face {
    font-family: 'Aller';
    src: url('../fonts/Aller_Lt.eot');
    src: url('../fonts/Aller_Lt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aller_Lt.woff2') format('woff2'),
         url('../fonts/Aller_Lt.woff') format('woff'),
         url('../fonts/Aller_Lt.ttf') format('truetype'),
         url('../fonts/Aller_Lt.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arvo';
    src: url('../fonts/Arvo-Regular.eot');
    src: url('../fonts/Arvo-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arvo-Regular.woff2') format('woff2'),
         url('../fonts/Arvo-Regular.woff') format('woff'),
         url('../fonts/Arvo-Regular.ttf') format('truetype'),
         url('../fonts/Arvo-Regular.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BOOKMAN';
    src: url('../fonts/BOOKMAN_.eot');
    src: url('../fonts/BOOKMAN_.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BOOKMAN_.woff2') format('woff2'),
         url('../fonts/BOOKMAN_.woff') format('woff'),
         url('../fonts/BOOKMAN_.ttf') format('truetype'),
         url('../fonts/BOOKMAN_.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CaviarDreams';
    src: url('../fonts/CaviarDreams.eot');
    src: url('../fonts/CaviarDreams.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CaviarDreams.woff2') format('woff2'),
         url('../fonts/CaviarDreams.woff') format('woff'),
         url('../fonts/CaviarDreams.ttf') format('truetype'),
         url('../fonts/CaviarDreams.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sourcesanspro2';
    src: url('../fonts/sourcesanspro2.eot');
    src: url('../fonts/sourcesanspro2.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro2.woff2') format('woff2'),
         url('../fonts/sourcesanspro2.woff') format('woff'),
         url('../fonts/sourcesanspro2.ttf') format('truetype'),
         url('../fonts/sourcesanspro2.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceSansPro';
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Regular.woff') format('woff'),
         url('../fonts/SourceSansPro-Regular.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Regular.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceSansProSemi';
    src: url('../fonts/SourceSansPro-Semibold.eot');
    src: url('../fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Semibold.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Semibold.woff') format('woff'),
         url('../fonts/SourceSansPro-Semibold.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Semibold.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{ font-family:Arial, Helvetica, sans-serif; background-color:#fff; overflow-x:hidden;}
a{ color:#333; text-decoration:none; outline: medium none; -moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#268de9;}
img,li{ vertical-align:top; border:0px}
.clear {clear: both; width:100%; float:left; height:auto; line-height:0px;}
*{margin:0px;padding:0px;}
img{ max-width:100%;}
ul{ list-style-type:none;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0;}
body,td,th{ font-family:Arial, Helvetica, sans-serif;font-size:12px;}
input{font-family:Arial, Helvetica, sans-serif; border:0;}


#header{ width:100%; float:left; height:auto; position:absolute; top:40px; left:0px; z-index:10;}
#header .container{ background:#fff;}
@media screen and (max-width:768px)
{
	#header{ position:inherit; width:inherit; float:inherit; top:0;}
}
.navbar-nav{ margin-top:20px; float:right;}
.navbar-default .navbar-nav>li>a{ padding:0px 20px 24px 20px; font-family: 'SourceSansProSemi'; font-size:20px; text-transform:uppercase;}
.navbar-default .navbar-nav>li>a:hover{ border-bottom:2px solid #268de9; color:#268de9;}
.navbar-default .navbar-nav>li>a.active{ border-bottom:2px solid #268de9; color:#268de9;}

.ssou{ position:absolute; right:0px; top:62px; z-index:99; width:300px; display:none;}
.ssou input{ width:85%; float:left; height:30px; line-height:30px; padding-left:10px; background:#d5d5d5; border:1px solid #ccc;}
.ssou button{ width:14%; float:left; line-height:30px; height:30px; border:0;}

.navbar-default .navbar-nav>li.yun{ position:relative;}
.navbar-default .navbar-nav>li.yun a{ padding:8px 20px 18px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:0;}
.navbar-default .navbar-nav>li.yun .yunlist{ width:400px; position:absolute; right:-31px; top:62px; z-index:10; background:#fff; display:none; padding:20px; border:1px solid #ccc;}
.navbar-default .navbar-nav>li.yun .yunlist a{ line-height:20px; margin-bottom:10px;}
.navbar-default .navbar-nav>li.yun .yunlist a img{ margin-right:5px;}


@media screen and (max-width:1200px)
{
	.navbar-default .navbar-nav>li>a{ padding:0px 10px; }
}
@media screen and (max-width:988px)
{
	.navbar-nav{ display:none;}
}


#tjcate{ padding:30px 0;}
#tjcate h2{ font-size:60px; text-transform:uppercase; font-family: 'Arvo'; font-weight:bold; line-height:60px;}
#tjcate h2 strong{ color:#ff0033; font-weight:inherit; font-weight:normal;}
#tjcate h2 span{ color:#3399ff;}
#tjcate h3{ font-size:56px; line-height:56px; font-family: 'BOOKMAN'; font-weight:bold; background:url(../images/1_01.jpg) no-repeat center bottom; padding-bottom:30px;}
#tjcate p{ font-size:18px; font-family: 'Aller'; line-height:28px; margin-top:30px;}

#tjcate .ipto{ width:100%; float:left; height:auto; margin-top:30px; overflow:hidden;}
#tjcate .ipti{ width:100%; float:left; height:auto;}
#tjcate .ipti img{ width:100%;}
#tjcate .iptz{ width:100%; float:left; height:60px; line-height:60px; text-align:center; background:#268de9;}
#tjcate .iptz a{ font-size:18px; color:#fff; text-transform:uppercase;}
#tjcate .ipto:hover .ipti img{ -webkit-animation:flash 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}

@media screen and (max-width:988px)
{
	#tjcate h2{ font-size:40px; line-height:40px;}
	#tjcate h3{ font-size:30px; line-height:30px;}
}

#tjpro{ padding:30px 0;}
#tjpro h2{ font-size:40px; text-transform:capitalize; font-family: 'Arvo'; font-weight:bold; line-height:40px; background:url(../images/1_01.jpg) no-repeat center bottom; padding-bottom:30px;}
#tjpro p{ font-size:18px; font-family: 'Aller'; line-height:28px; margin-top:30px;}

#tjpro .ipto{ width:100%; float:left; height:auto; margin-top:30px;}
#tjpro .ipti{ width:100%; float:left; height:auto; border:1px solid #ccc;}
#tjpro .ipti img{ width:100%;}
#tjpro .iptz{ width:90%; float:left; height:auto; line-height:30px; text-align:center; background:#268de9; margin:-30px 5% 0; padding:15px 0;}
#tjpro .iptz a{ display:block; font-size:18px; color:#fff; text-transform:uppercase;}
#tjpro .iptz span{ width:20px; display:inline-block; height:2px; background:#fff;}
#tjpro .ipto:hover .ipti{ border:1px solid #268de9;}

#tjpro .cate{ width:100%; float:left; height:auto; margin-top:30px;}
#tjpro .cate ul{ list-style-type:none;}
#tjpro .cate li{ width:100%; float:left; height:70px; line-height:70px; margin-bottom:2px;}
#tjpro .cate li img{ width:15%; float:left; margin-right:-5%; height:auto; position:relative; z-index:10; margin-top:20px;}
#tjpro .cate li span{ width:90%; float:left; height:70px; background:#268de9; position:relative; z-index:9; overflow:hidden;}
#tjpro .cate li span a{ width:90%; float:right; color:#fff; font-size:17px; line-height:70px;}
#tjpro .cate li:hover img{ -webkit-animation:flash 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}

#tjpro .tjpromore{ display:inline-block; margin-top:30px; background:#010101; padding:20px 40px; font-size:17px; color:#fff; font-family: 'SourceSansPro';}
#tjpro .tjpromore:hover{ box-shadow:10px 10px 10px #ccc;}


#divframe{ padding:30px 0; background:url(../images/1_04.jpg) no-repeat center center;}

#divframe_l{}
#divframe_l p{ font-size:23px; font-family: 'SourceSansPro'; color:#fff;}
#divframe_l h2{ font-size:35px; color:#fff;}

#divframe_r{}
#divframe_r a{ display:inline-block; background:#fff; color:#0087ff; font-size:17px; padding:20px 50px; border-radius:15px; font-family: 'CaviarDreams'; font-weight:bold;}
#divframe_r a i{ font-size:14px; margin-left:5px;}

@media screen and (max-width:768px)
{
	#divframe{ background-size:auto 100%;}
}

#tjabout{ padding:30px 0;}
#tjabout h2{ font-size:40px; text-transform:capitalize; font-family: 'Arvo'; font-weight:bold; line-height:40px; background:url(../images/1_01.jpg) no-repeat center bottom; padding-bottom:30px; margin-bottom:30px;}
#tjabout p{ width:100%; float:left; height:auto; font-size:18px; line-height:28px;}

#tjabout .tjaboutmore{ display:inline-block; margin-top:30px; background:#010101; padding:20px 40px; font-size:17px; color:#fff; font-family: 'SourceSansPro';}
#tjabout .tjaboutmore:hover{ box-shadow:10px 10px 10px #ccc;}


#tjnews{ padding:30px 0;}
#tjnews h2{ font-size:40px; text-transform:capitalize; font-family: 'Arvo'; font-weight:bold; line-height:40px; background:url(../images/1_01.jpg) no-repeat center bottom; padding-bottom:30px; margin-bottom:30px;}

#tjnews .itno{ width:100%; float:left; height:auto; position:relative;}
#tjnews .itni{ width:70%; float:left; height:auto;}
#tjnews .itnz{ width:70%; float:right; height:200px; margin-top:-40%; background:#288feb; padding:30px;}
#tjnews .itnz h3{ width:100%; float:left; height:30px; line-height:30px; font-family: 'SourceSansPro2'; font-size:24px; overflow:hidden;}
#tjnews .itnz h3 a{ color:#fff;}
#tjnews .itnz span{ width:100%; float:left; height:auto; color:#fff; line-height:28px;}
#tjnews .itnz p{ width:100%; float:left; height:68px; font-size:16px; font-family: 'Aller'; color:#fff; line-height:23px; margin-top:15px; overflow:hidden;}

#tjnews .tjnewsmore{ display:inline-block; margin-top:30px; background:#010101; padding:20px 40px; font-size:17px; color:#fff; font-family: 'SourceSansPro';}
#tjnews .tjnewsmore:hover{ box-shadow:10px 10px 10px #ccc;}

@media screen and (max-width:768px)
{
	#tjnews .itno{ margin-bottom:30px;}
	#tjnews .itnz{ height:auto; margin-top:-30%;}
}

#footer{ padding:40px 0; background:url(../images/1_07.jpg) no-repeat center center;}

#footer .f1{ width:100%; float:left; height:auto;}
#footer .f1 a{ width:100%; float:left; height:auto; color:#fff; font-family: 'Arvo'; font-size:24px; text-transform:uppercase; font-weight:bold; line-height:50px;}
#footer .f1 a:hover{ padding-left:5px;}

#footer .f2{ width:100%; float:left; height:auto;}
#footer .f2 h3{ width:100%; float:left; height:auto; font-family: 'Arvo'; font-size:24px; text-transform:uppercase; font-weight:bold; color:#fff; margin-bottom:30px;}
#footer .f2 a{ width:100%; float:left; height:auto; color:#fff; font-family: 'Aller'; font-size:16px; text-transform:capitalize; line-height:40px;}
#footer .f2 a:hover{ padding-left:5px;}

#footer .f3{ width:100%; float:left; height:auto; color:#fff; font-family: 'Aller'; font-size:16px; text-transform:capitalize; line-height:30px;}
#footer .f3 h3{ width:100%; float:left; height:auto; font-family: 'Arvo'; font-size:24px; text-transform:uppercase; font-weight:bold; color:#fff; margin-bottom:30px;}
#footer .f3 p{ width:100%; float:left; height:auto; margin-bottom:20px;}
#footer .f3 a{ color:#ff0000;}
#footer .f3 a:hover{ padding-left:5px;}

#footer #copy{ color:#fff; font-size:14px; font-family: 'Aller'; margin-top:30px;}


@media screen and (max-width:768px)
{
	#footer{ background-size:auto 100%;}
	#footer .f1{ margin-bottom:30px;}
	#footer .f2{ margin-bottom:30px;}
}


#nbar{}
#nbar img{ width:100%;}

#ntframe{ padding:30px 0;}

/*面包屑导航*/
#rbt{ border-bottom:solid 2px #ebebeb; padding:10px 0; font-size:16px; font-family: 'Aller';}
#rbt i{ font-size:20px; padding-right:10px;}
#rbt span{ color:#268de9;}


#left{}
#left .lbt{ width:100%; float:left; height:auto;}
#left .lbt h3{ width:100%; float:left; height:auto;  background:linear-gradient(to right, #1d69af, #76baf7); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1d69af',endColorStr='#76baf7',gradientType='0'); color:#fff; font-family: 'Aller'; padding:15px 25px;}
#left .lbt h3 img{ padding-right:10px;}
#left .lbt em{ width:100%; float:left; height:5px; background:linear-gradient(to right, #1d69af, #76baf7); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1d69af',endColorStr='#76baf7',gradientType='0'); color:#fff; font-family: 'Aller'; margin:15px auto;}
#left .lbt ul{ list-style-type:none;}
#left .lbt li{ width:100%; float:left; font-family: 'Aller'; font-size:16px; margin-bottom:15px;}
#left .lbt li a{ display:block; padding:15px; border:2px solid #f4f4f4;}
#left .lbt li a i{ color:#2772b7; font-size:16px;}
#left .lbt li a:hover{ background:linear-gradient(to right, #1d69af, #76baf7); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1d69af',endColorStr='#76baf7',gradientType='0'); color:#fff;}
#left .lbt li a:hover i{ color:#2772b7;}
#left .lbt li a.hover{ background:linear-gradient(to right, #1d69af, #76baf7); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1d69af',endColorStr='#76baf7',gradientType='0'); color:#fff;}
#left .lbt li a.hover i{ color:#2772b7;}

#left .ltb{ width:100%; float:left; height:auto;}
#left .ltb h3{ width:100%; float:left; height:auto;  background:linear-gradient(to right, #1d69af, #76baf7); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1d69af',endColorStr='#76baf7',gradientType='0'); color:#fff; font-family: 'Aller'; padding:15px 25px;}
#left .ltb h3 i{ padding-right:10px;}
#left .ltb dl{ width:100%; float:left; height:auto; margin-top:30px; border:2px solid #e7e7e7; border-bottom:5px solid #268de9; padding-bottom:30px;}
#left .ltb dl dt{ width:100%; float:left; height:auto; border-bottom:2px solid #e7e7ee7; margin-bottom:20px;}
#left .ltb dl dt img{ width:100%;}
#left .ltb dl dd{ width:100%; float:left; height:auto; padding:10px 20px; font-family: 'Aller'; font-size:14px;}
#left .ltb dl dd i{ font-size:16px; width:20px; margin-right:5px; float:left;}
#left .ltb dl dd span{ display:block; margin-left:20px;}


#right{}

.tit{ width:100%; float:left; height:auto; font-family: 'Aller'; font-size:26px; color:#268de9; border-bottom:1px solid #268de9; padding-bottom:20px;}

.context{ width:100%; float:left; height:auto; padding-top:30px;}


.caption{ width:100%; float:left; height:auto; border:2px solid #f5f5f5; margin-bottom:30px;}
.caption img{ width:100%;}
.caption h5{ width:100%; float:left; height:auto; text-align:center; font-size:16px; padding-bottom:15px;}
.caption:hover{ border:2px solid #76baf7;}


.newslist{ margin-bottom:30px; border-bottom:2px solid #efefef; padding-bottom:30px;}
.newslist h3{ width:100%; float:left; height:auto; font-family: 'Aller'; font-size:18px; line-height:24px; font-weight:bold;}
.newslist span{ width:100%; float:left; height:auto; font-size:16px; font-weight:bold; margin:10px auto;}
.newslist p{ width:100%; float:left; max-height:72px; line-height:24px; font-size:16px; margin:10px auto; color:#5d5a5a; overflow:hidden;}
.newslist:hover{ box-shadow:5px 10px 10px #ccc;}

#newsdetail_show{ width:100%; float:left; height:auto;}
#newsdetail_show h3{ width:100%; float:left; height:auto; margin-bottom:30px;}
#newsdetail_show .click{ margin-bottom:20px;}
#newsdetail_show .detail{ margin-bottom:30px;}


/*下载列表*/
.downtable{width:100%; margin-top:10px; border:solid 1px #cccccc;border-left:0px; border-collapse: collapse;}
.downtit1{ width:20%; font-size:14px; font-weight:bold; color:#666; text-align:center;}
.downtit2{width:60%; font-size:14px; font-weight:bold; color:#666; text-align:center;}
.downtit3{width:20%; font-size:14px; font-weight:bold; color:#666; text-align:center;}
.downtable td{ height:30px; font-size:14px;color:#666; border-bottom:solid 1px #cccccc;border-left:solid 1px #cccccc;}
.downtable td a{ font-size:12px; color:#666;  font-weight:bold;line-height:30px;}
.downtable td a:hover{ color:#ea3e00;}
.downtable td a img{ padding-right:5px; padding-top:5px;}
.trdown1{ background:#fff;}
.trdown2{ background:#eeeeee; font-size:14px;}


/*留言*/
.leave{ width:100%; float:left; height:auto; margin-top:30px;}
.leaveinput{ width:100%; float:left; height:auto; margin:5px auto; border:1px solid #ccc; padding-left:10px; border-radius:10px;}
.leaveinput label{ width:15%; float:left;}
.leaveinput input{ width:85%; float:left; height:30px; line-height:30px; background:#fff; outline:none}
.leaveinput textarea{width:85%; float:left; height:120px; line-height:30px; background:#fff; border:0; outline:none}
.leavesub{ width:100%; float:left; height:auto; margin-top:15px; text-align:center;}
.leavesub .psub{background:#268de9; cursor:pointer; color:#fff; padding:inherit; padding:15px 60px; font-size:16px;}
.leaveinput em{ color:#FF0000; font-size:14px; line-height:30px; padding-right:10px;}


.prodetail{ width:100%; float:left; height:auto; margin-top:30px;}
.prodetail .ipto{ width:100%; float:left; height:auto; margin-bottom:30px;}
.prodetail .ipti{ width:100%; float:left; height:auto; border:2px solid #f1f1f1; margin-bottom:15px;}
.prodetail .ipti img{ width:100%; }
.prodetail .iptz{ width:100%; float:left; height:auto; text-align:center; font-size:18px; font-family: 'Aller';}
.prodetail .ipto:hover .ipti{ border-color:#268de9;}
.prodetail .ipto:hover .ipti img{ -webkit-animation:flash 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}


/*产品图片*/
.rtp{ width:100%; height:auto; }
.rtp a{ float:left; width:100%; height:auto;box-shadow:20px 20px 20px -20px #999; }
.rtp a img{ float:left; width:100%; height:auto; border: solid 1px #c8c8c8;}

#rtp_small_img{ float:left; width:100%; }
#rtp_small_img li{ float:left; width:23%; margin:2% 2% 0% 0%;}
#rtp_small_img li img{ float:left; width:98%; height:auto;border:solid 1px #c8c8c8;}

#productcanshu{}
#productcanshu h1{ font-size:24px; font-family: 'Aller'; margin-bottom:20px;}
#productcanshu p{ width:100%; float:left; height:auto; margin-bottom:20px;}

#productcanshulist{}
#productcanshulist div{ margin-bottom:15px;}

#detail_content{ margin-top:30px;}

.xgeffect{ width:100%; float:left; height:auto;}
.detailtop{ float:left; width:100%; margin-top:15px; border-bottom:2px solid #268de9;}
.detailtop strong{ float:left; padding:10px 25px; background:#268de9; color:#fff; font-size:16px;}
.detalist{ float:left; width:100%; padding-top:12px;}

#pro_feed_show{ display:inline-block; margin-top:20px;}