@charset "utf-8";
body{margin:0;padding:0; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif}
td,div{font-size:12px;color:#444;}
a{color:#333;text-decoration:none;}
a:hover{color:#f30;}
.clear{clear:both;}
.dis{display:none;}
.w{width:1200px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}
.fl{ float:left}
.fr{ float:right}
ul,li,dl,dt{ list-style:none}
div,h1,h2,h3,p,ul,li,i,a{ padding:0px; margin:0px}
#topbar{background:#f6f6f6;height:32px;line-height:32px;}
#topbar .w span{float:right;background:#fff;padding:0 15px;color:#ddd;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;}
#topbar .w span a{font-family:arial;}
#topbar .w{color:#999;}
img{ border:none}

#tophead{height:80px;padding:15px 0;}
#tophead .logo{background:url(../images/logo.gif) no-repeat center;width:400px;height:60px;float:left;margin-top:10px;}
#tophead form{float:right;margin-top:20px;}
#tophead form .input{border:1px solid #ddd;padding:10px 15px;vertical-align:middle;border-right:0;color:#555;}
#tophead form .bnt{background:#2194D3;border:1px solid #2194D3;padding:10px 25px;vertical-align:middle;color:#fff;}

#topnav{background:#187EC6;height:50px;}
#topnav .w ul{margin:0;padding:0;list-style:none;}
#topnav .w ul li{float:left;}
#topnav .w ul li a{height:50px;line-height:50px;font-size:16px;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li a:hover{background:#f3c523;}
#topnav .w ul .hover a{background:#f3c523;height:50px;line-height:50px;font-size:16px;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li dl{position:absolute;z-index:999;margin:0;display:none;width:160px;}
#topnav .w ul .hover dl dt a{background:#f3c523;border-bottom:1px solid #187EC6;height:40px;line-height:40px;display:block;font-size:14px;}
#topnav .w ul .hover dl dt a:hover{background:#fff;color:#333;display:block;}

#banner{height:400px;}
#full-screen-slider { width:100%; height:400px; position:relative}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:10px; z-index:2000;  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:#0092CE}

.subject{color:#f3c523;font-size:18px;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject b{display:inline-block;font-weight:normal;border-bottom:2px solid #f3c523;height:40px;line-height:40px;}
.subject span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.subject a{float:right;font-size:12px;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;}

.pro_width{width:1012px;height:370px;overflow:hidden;}
.prolist{margin:15px 0;padding:0;list-style:none;overflow:hidden;width:29999px;}
.prolist li{float:left;width:240px;margin:0 13px 13px 0;}
.prolist li a{border:1px solid #eee;display:block;padding:15px;}
.prolist li a img{border:1px solid #eee;}
.prolist li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;}
.prolist li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.prolist li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.prolist li a:hover{border:1px solid #ddd;}
.prolist li a:hover .title{color:#f3c523;}
.prolist li a:hover .more{background:#f3c523;color:#fff;}

.topcase{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.topcase li{float:left;width:240px;margin:0 13px 13px 0;}
.topcase li a{text-align:center;display:block;position:relative;height:160px;overflow:hidden;}
.topcase li img{border:1px solid #eee;width:240px;height:180px;display:block;margin-bottom:10px;}
.topcase li a div{position:absolute;background:#333;width:100%;line-height:40px;height:40px;color:#fff;display:block;bottom:-40px;left:1px;opacity:0.7}

.bg_black{background:#eee;padding:15px 0;}
.subject_news{color:#333;font-size:18px;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject_news b{display:inline-block;font-weight:normal;border-bottom:2px solid #f3c523;height:40px;line-height:40px;}
.subject_news span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.subject_news a{float:right;font-size:12px;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;}

.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.newslist li{float:left;width:480px;margin:0 20px 20px 0;}
.newslist li a img{float:left;margin-right:10px;border:1px solid #eee;}
.newslist li a .title{font-size:16px;line-height:30px;}
.newslist li a .date{font-size:12px;color:#444;font-family:arial;line-height:20px;}
.newslist li a .intro{line-height:18px;color:#999;}
.newslist li a:hover .title{color:#f30;}

.link{padding:15px;}
.link img{margin:3px 8px 5px 0;}
.link ul{clear:both;margin:0;padding:0;list-style:none;}
.link ul li{float:left;width:93px;height:25px;overflow:hidden;}

#bg_foot_nav{background:#187EC6;text-align:center;}
.foot_nav{height:40px;line-height:40px;color:#fff;}
.foot_nav span{float:right;padding-top:5px;}
.foot_nav a{color:#fff;}
.foot_nav a:hover{color:#ff0;}
#bg_copyright{background:#f3c523;padding:20px 0;}
.copyright{color:#fff;font-family:verdana;line-height:25px;text-align:center;}
.copyright a{color:#fff;}
.copyright a:hover{color:#ff0;}

.lefter{width:300px;margin-right:30px;float:left;}
.righter{float:left;width:870px;}
.leftnav{background:#f3c523 url(../images/m-logo.png) no-repeat  right;padding:20px 15px;color:#fff;font-size:20px; text-transform:uppercase}
.subnav{border:1px solid #eee;border-bottom:0;margin:0;padding:0;list-style:none;}
.subnav li{}
.subnav li a{display:block;padding-left:20px;background:#fafafa;font-size:14px;line-height:50px;height:50px;border-bottom:1px solid #eee; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s;;}
.subnav li a:hover{color:#fff;display:block;padding-left:30px;background:#333 url(../images/leftbg.png) no-repeat right center;}
.subnav .hover a{display:block;color:#fff;font-size:14px;line-height:50px;height:50px;border-bottom:1px solid #eee;padding-left:30px;background:#333 url(../images/leftbg.png) no-repeat right center;}
.subnav dl{margin:0;padding:0;list-style:none;*margin-top:-12px;}
.subnav dl dt{}
.subnav dl dt a{background:#fff;display:block;height:40px;line-height:40px;border-bottom:1px solid #eee;padding-left:20px;font-size:12px;}
.subnav dl dt a:hover{background:#fff;font-size:12px;font-weight:normal;color:#f30;}
.subnav li dl .hover a{color:#f30;font-size:12px;font-weight:normal;background:#fff;}

.left_border{border:1px solid #eee;border-top:0;padding:10px 15px;line-height:25px;}
.left_border p{margin:0;padding:0;}
.left_border b{font-size:14px;}

.container{line-height:25px;font-size:14px;padding:15px 0;}
.container p{margin:5px 0;font-size:14px;}

.artshow{line-height:25px;font-size:14px;padding:0 0 15px 0;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;}
.artshow .info{text-align:center;color:#999;padding:0 0 15px 0;font-size:14px; border-bottom:1px solid #F0F2F5}
.artshow p{margin:5px 0;font-size:14px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}
.artshow .content h2{ margin:20px 0px 10px 0px}
.prowidth{width:1200px;overflow:hidden;}
.pro_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pro_list li{float:left;width:px;margin:0 15px 13px 0;}
.pro_list li:nth-child(3n){ margin:0 0px 13px 0}
.pro_list li a{border:1px solid #eee;display:block;padding:9px;}
.pro_list li a img{}
.pro_list li .pic{ width:368px; height:255px; overflow:hidden;border:1px solid #eee;}
.pro_list li  img { transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; }
.pro_list li :hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.pro_list li  img.none:hover { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); }

.pro_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;}
.pro_list li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.pro_list li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:368px;line-height:50px;font-size:14px;}
.pro_list li a:hover{border:1px solid #ddd;}
.pro_list li a:hover .title{color:#f3c523;}
.pro_list li a:hover .more{background:#f3c523;color:#fff; font-size:14px;}

.pic_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pic_list li{float:left;width:382px;margin:20px 10px 10px 0px;}
.pic_list li a{border:1px solid #eee;display:block;padding:5px;}
.pic_list li a img{border:0;}
.pic_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;}
.pic_list li a:hover{border:1px solid #ddd;}
.pic_list li a:hover .title{color:#f3c523;}

.casewidth{width:780px;overflow:hidden;}
.case_list{margin:20px 0;padding:0;list-style:none;}
.case_list li{width:240px;margin:0 20px 30px 0;float:left;text-align:center;}
.case_list li img{display:block;margin-bottom:15px;}
.case_list li a{color:#666;font-size:13px;}
.case_list li a:hover{color:#f30;}

.joblist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.joblist li{float:left;width:480px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.joblist li a .title{font-size:16px;line-height:30px;}
.joblist li .line{padding:0;margin:0;line-height:22px;}
.joblist li .line b{float:left;width:70px;color:#555;}
.joblist li .line .intro{margin-left:70px;}
.joblist li a:hover .title{color:#f30;}

.job_list{margin:0;padding:0;list-style:none;overflow:hidden;}
.job_list li{float:left;width:350px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.job_list li a .title{font-size:16px;line-height:30px;line-height:40px;margin-bottom:10px;}
.job_list li .line{padding:0;margin:5px 0;line-height:24px;text-indent:0;}
.job_list li .line b{float:left;width:70px;}
.job_list li .line .intro{margin-left:70px;}
.job_list li .line .intro p{margin:0 0 5px 0;padding:0;}
.job_list li a:hover .title{color:#f30;}

.news_list{margin:0;padding:0;list-style:none;}
.news_list li{border-bottom:1px dotted #ccc;padding:10px;line-height:24px;color:#999;}
.news_list li:hover{background:#fafafa;}
.news_list li a{font-size:18px;display:block;line-height:40px;}
.news_list li em{color:#666;font-family:verdana;display:block;font-style:normal;}

.rss_list{margin:0;padding:0;list-style:none;}
.rss_list li{border-bottom:1px dotted #ddd;line-height:40px;color:#999;}
.rss_list li a{font-size:14px;}

#position{margin:0 auto;width:1000px;overflow:hidden;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;line-height:30px;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.comment{overflow:hidden;clear:both;margin:10px 0;}
.comment .line{clear:both;border-bottom:1px solid #eee;padding-bottom:15px;}
.comment .line .base{font-weight:bold;line-height:30px;font-size:14px;}
.comment .line .base span{margin:0 0 0 10px;color:#999;font-weight:normal;float:right;font-size:12px;}
.comment .line .content{line-height:20px;word-wrap:break-word;overflow:hidden;}
.comment .line .reply{font-family:verdana;word-wrap:break-word;overflow:hidden;}
.comment .line .reply strong{color:#f60;float:left;}
.comment_more{text-align:center;padding:10px 0;font-size:14px;}
.comment_more a{color:#999;}
.comment_more a:hover{color:#f30;}

.commentadd{margin:10px 0;clear:both;}
.commentadd .text{}
.commentadd .text .div{padding:0 5px 0 0;border:1px solid #E4E2E2;border-bottom:0;}
.commentadd .text .div textarea{width:98%;height:70px;overflow:auto;border:0;padding:10px;}
.commentadd .input{margin:0;font-size:14px;background:#fafafa;border:1px solid #EDECEC;overflow:hidden;padding:0px 5px 5px 15px;line-height:40px;height:40px;}
.commentadd .input .send{float:right;border:1px solid #f3c523;background:#f3c523;color:#fff;padding:8px 25px;margin:5px 0 0;vertical-align:middle;cursor:pointer;}

.bookadd{margin:20px 0;}
.bookadd div{margin-bottom:15px;}
.bookadd .label{float:left;width:100px;text-align:right;padding-right:10px;clear:both;}
.bookadd .label span{color:#f30;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;}
.bookadd .enter{margin-left:120px;}
.bookadd .enter .ip{border:1px solid #ddd;padding:10px 10px;vertical-align:middle;overflow:hidden;border-radius:10px 0 10px 0;}
.bookadd .enter .bnt{border:1px solid #f3c523;background:#f3c523;padding:8px 20px;vertical-align:middle;color:#fff;cursor:pointer;}
.bookadd .enter label{display:block;}

.job_h1{font-size:14px;line-height:35px;border-bottom:1px  dashed #eee;margin:10px 0;}
.info_title{font-size:14px;font-weight:bold;border-bottom:1px solid #f0f0f0;line-height:30px;height:30px;margin:0 0 15px 0;}
.info_intro{padding:0 0 20px 0;line-height:22px;color:#666;}
.info_intro p{margin:0 0 5px 0;padding:0;}
.info_intro .red{color:#f30;margin:0 5px;}

#goodsshow{margin:20px 0;overflow:hidden;width:870px;}
#goodsshow img{border:0;}
#goodsshow .left{float:left;width:500px;margin:0 30px 0 0;}
#goodsshow .right{float:left;}
#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:498px;cursor:pointer;}
#goodsshow .shop_plist{clear:both;width:500px;}
#prolist{width:460px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:86px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}
#goodsshow .right{width:340px;}
#goodsshow .right h1{font-size:16px;font-weight:normal;margin:0 0 10px 0;padding:10px 0px; border-bottom:1px solid #e9e9e9; }
#goodsshow .right .intro{color:#999;min-height:80px;}
#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}
#goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;}
#goodsshow .right .price span{color:#f60;font-size:16px;}

a.inquiry{display:inline-block;background:#f3c523;padding:8px 30px;color:#fff;margin:10px 0;font-size:16px;border-radius:4px;}
a:hover.inquiry{color:#fff;}

.top01{ background:url(../images/top_bar.jpg) no-repeat center; height:40px}
.top01 .fl{ width:300px; }
.top01 .fl i{ float:left; color:#a9adac; margin-right:20px}
.top01 .fl a:hover i{ color:#f3c523}
.top01 .fr{ width:540px;}
.top01 .fr p{ font-size:12px; color:#fff; float:left; margin-left:20px;}
.port_table{ border:2px solid #fff !important;border-collapse: collapse; text-align:center}
.port_table tr:first-child{ background:#059ddb; }
.port_table .ue-table-interlace-color-double{ background:#fff}
.port_table .ue-table-interlace-color-single{ background:#eee}
.top01 .fr a{ color:#fff;}
.top01 .fr a:hover{ color:#333;}
.port_table tr:first-child p{color:#fff}
.port_table tr p{ padding:10px 5px}
.top-blank{height:125px;overflow:hidden;background:none;}
.top-head{height:162px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
.shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;}

.top01{width:100%;line-height:40px;overflow:hidden;}
.top01_center{text-align:left;/* width:362px;*//*padding-left:840px;margin:0 auto;*/ float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{height:120px;width:100%;moz-box-shadow:0px 1px 5px #ccc; -webkit-box-shadow:0px 1px 5px #ccc; box-shadow:0px 1px 5px #ccc;}
.logo{width:365px;float:left;padding-top:32px;}

.nav .nav_list ul li{ float:left; text-align:center}
.nav .nav_list ul li a{height:118px; padding:0px 28px;display:block;font-size:16px;/*overflow:hidden;*/ line-height:118px; text-transform:uppercase; color:#333}
.nav .nav_list ul li dl{position:absolute;z-index:999;margin:0;display:none;}
.nav .nav_list ul li a:hover dl{background:#f3c523;display:block;position:relative; z-index:9999999; overflow:hidden;}
.nav  .nav_list ul li:hover dl{position:absolute;top:160px; width:230px; display:block;background:#fff;  color:#f3c523; overflow:hidden; }

.nav  .nav_list ul:hover dl dt a{background:#f3c523;border-bottom:1px solid #fdd64d;height:40px;line-height:40px;display:block;font-size:14px; position:relative; z-index:9999999; padding:0px 5px;text-transform: uppercase; color:#fff}
.nav  .nav_list ul:hover dl dt a:hover{background:#fff;color:#333;display:block;}

.nav .nav_list ul li:hover a{color:#f3c523; background:#f9f9f9; border-bottom:2px solid #f3c523}
.nav .nav_list ul .hover a{color:#f3c523; background:#f9f9f9;border-bottom:2px solid #f3c523}
.nav2 .nav_list ul li{ float:left; text-align:center}
.nav2 .nav_list ul li a{height:100px; padding:0px 29px;display:block;font-size:16px;/*overflow:hidden;*/ line-height:100px; text-transform:uppercase; color:#FFF}
.nav2 .nav_list ul li:hover a{ background:#FFF; color:#333}
.nav2 .nav_list ul li dl{position:absolute;z-index:999;margin:0;display:none; }
.nav2 .nav_list ul li a:hover dl{background:#f3c523;display:block;position:relative; z-index:9999999; overflow:hidden;}
.nav2 .nav_list ul li:hover dl{position:absolute;top:100px; width:230px; display:block;background:#fff;  color:#f3c523; overflow:hidden; }

.nav2 .nav_list ul:hover dl dt a{background:#f3c523;border-bottom:1px solid #fdd64d;height:40px;line-height:40px;display:block;font-size:14px; position:relative; z-index:9999999; padding:0px 5px;text-transform:  uppercase; color:#fff}
.nav2 .nav_list ul:hover dl dt a:hover{background:#fff;color:#333;display:block;}

.nav2 .logo{ padding-top:22px}

.about{ padding:80px 0px;}
.about .pic{ width:480px; float:left}
.about .txt{ width:720px; float:right}
.about .txt h1{ font-size:36px;  font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; color:#333; text-transform:uppercase; line-height:50px; margin-bottom:10px}
.js .animate-box{opacity:0}
.about .txt span{ color:#f3c523; font-size:20px; padding:30px 0px}

.about .txt p{ color:#aaa; font-size:14px; line-height:26px}
.about .txt .more{ margin-top:30px}
.about .txt .more a{ color:#a4a5b3; font-weight:bold; border:2px solid #000; padding:10px 20px;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.about .txt .more a span{color:#a4a5b3; margin:10px 0px 0px 50px; padding-top:10px; font-size:14px;font-weight:bold; }
.about .txt .more a:hover{ background:#f3c523; border:2px solid #f3c523; color:#fff;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.about .txt .more a:hover span{color:#fff}

.product_main{width:1200px;margin:0px auto; padding:80px 0px}
.product_main .title{}
.product_main .title h2{ font-size:42px; text-align: center; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; color:#333}
.product_main .title-list{ text-align:center; overflow:hidden; width:680px; margin:40px auto}
.product_main .title-list li{ padding:10px 20px; line-height: 20px; text-align: center; float: left; display: inline; border:1px solid #d1d1d1;; border-radius:20px; margin:0px 10px; } 
.product_main .title-list li.on{   background:#f3c523; border:1px solid #d1d1d1;}
.product_main .title-list li:hover{   background:#f3c523; border:1px solid #d1d1d1;}
.product_main .title-list li:hover a{color: #fff;}
.product_main .title-list li.on a{color: #fff;font-size:16px}
.product_main .title-list li a{color:#013340; font-size:16px}
.product_main .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;}
.product_main .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{  position: relative; overflow: hidden; display: none; margin-top: 20px; height:540px}
.product ul{ position: absolute; left: 0px; max-height:548px}
.product-wrap .show{ display: block;}
.product-wrap .product li{ float: left; display: inline; margin-right: 13px; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s; margin-top:10px; margin-bottom:10px}
.product-wrap .product li.ml0{margin-left:0px;}
.product-wrap .product li:nth-child(4n){ margin-right:0px}
.product-wrap .product li a.imgwrap{ display: block; width: 288px; height: 200px; background: #fff; text-align:center; border:1px solid #e5e5e5}
.product-wrap .product li p{ padding:10px;color: #444;line-height: 22px; text-align:center; font-size:14px; margin-top:10px; background:#eee}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}
.product-wrap .product li img{ width:288px; height:200px}
.p_m{ background:#f8f8f8}
.youshi{ background:url(../images/youshi_bg.jpg) no-repeat center; text-align: center; height:750px}
.youshi h1{ font-size:36px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;color:#fff; padding-top:50px }
.youshi ul{ padding:40px 0px}
.youshi ul li{ width:29%; text-align:center; float:left; margin:3% 2%}
.youshi ul li i{ font-size:48px; color:#fff; border:1px solid #fff; border-radius:60px; padding:30px;}

.youshi ul li h2{ font-size:18px;color:#fff; margin:40px 0px 5px 0px}
.youshi ul li p{font-size:14px;color:#fff; }

.sy_form{ background:url(../images/formback.jpg) no-repeat center; height:510px; margin-top:-130px; z-index:999}
.form_book{ background:#fff; opacity:0.95; width:700px; height:510px}
.form_book h1{ color:#333;font-size:36px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; padding:45px 0px 15px 65px;}
.form_book p{ color:#777;font-size:14px;padding:0px 0px 10px 65px;}
.form_book .book_in input{ border:none;background:#eee; margin-top:10px; padding:15px 30px; }
 #contact_form{ padding:10px 65px}
 .form_book .book_in{ float:left; overflow:hidden; }
.form_book .book_in i{ position:relative; left:-220px; color:#f3c523}
.form_book .book_txt textarea{border:none;background:#eee; margin-top:10px; padding:15px 30px;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif}
.form_book .book_txt i{ position:relative; left:-465px; color:#f3c523; top:-35px}

.form_book .book_txt textarea{width:414px }
.form_book .form-bottom button{ border:none; background:#f3c523; color:#fff; text-align:center; padding:15px 30px;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;width:474px; margin-top:10px}
.index_bg{background:url(../images/news_bg.jpg) no-repeat center; }
.sy_news{ padding:50px 0px 10px; overflow:hidden }
.sy_news h1{font-size:30px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; padding-bottom:20px}
.sy_news ul{}
.sy_news ul li{ width:590px; margin-right:20px; float:left; -moz-box-shadow:2px 2px 5px #ccc; -webkit-box-shadow:2px 2px 5px #ccc; box-shadow:2px 2px 5px #ccc; overflow:hidden}
.sy_news ul li .fl{ width:240px; height:200px; overflow:hidden}
.sy_news ul li .fl .date{ background:#f3c523; position:relative; top:-80px; width:70px; left:10px; text-align:center; padding:10px 0px}
.sy_news ul li .fl .date p{ color:#fff; font-size:16px;}
.sy_news ul li img { transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; width:240px; height:200px;}
.sy_news ul li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.sy_news ul li img.none:hover { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); }
.sy_news ul li .fr{ width:300px; padding:20px;}
.sy_news ul li .fr h3{ color:#103b4b; font-size:16px;; font-weight:normal; margin-bottom:10px}
.sy_news ul li .fr span{ opacity:0.9; margin-right:20px;}
.sy_news ul li .fr span i{ color:#f3c523; margin-right:8px}
.sy_news ul li .fr p{ color:#bbb; padding-top:20px; border-top:2px #eee solid; margin-top:20px; line-height:26px; font-size:14px;}
.sy_news ul li:hover p{ color:#f3c523}
.sy_news ul li:last-child{ margin-right:0px}
.sy_job{padding:50px 0px; width:1200px; margin:0px auto }
.sy_job h1{font-size:30px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; padding-bottom:20px}
.tb_job .tit p{ float:left; font-size:16px; color:#444; width:300px; text-align:center}
.tb_job .tit{ background:#eee; overflow:hidden; padding:20px 0px; }
.tb_job ul li{ border:1px solid #e8e7e7; padding:20px 0px; overflow:hidden}
.tb_job ul li p{ float:left;width:300px; text-align:center;font-size:14px; color:#848484 }
.tb_job ul li .more{ text-align:center; background: #f3c523; width:120px; float: left; color:#fff; padding:5px 0px; margin-left:90px}
.tb_job ul li:hover p{ color:#f3c523}
.tb_job ul li:hover .more{ background:#ccc; color:#333}
.foot_con{ background:#f3c523; padding:40px 0px}
.foot_con .conul{ float:left}

.foot_con .conul i{ color:#fff; font-size:30px; border:1px #fff solid; padding:10px; margin-right:20px}
.foot_con .conul h3{ color:#fff; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; font-size:18px }
.foot_con .conul p{ color:#fff; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; font-size:14px }
.foot_middle{ background:#01181e; padding:50px 0px; opacity:0.95}
.foot_about{ width:660px; float:left;}
.foot_about h2{ font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; color:#fff; font-size:24px; margin-bottom:20px}
.foot_about p{ font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; color:#ccc; font-size:14px; margin-bottom:10px}
.foot_about p span{ color:#fff; font-weight:bold; margin-right:10px; height:50px}
.foot_about i{color:#44e3cc; font-size:24px; border:2px solid #44e3cc ; padding:10px; border-radius:25px; margin-right:10px; display:inline-block }
.foot_about a:hover i{ background:#fff; color:#44e3cc;border:2px solid #fff ;}

.foot_menu{ float:left; margin-left:132px}
.foot_menu h2{ color:#fff;font-size:24px; margin-bottom:20px}
.foot_menu p{ margin-bottom:10px; }
.foot_menu p a{ color:#fff; font-size:14px; opacity:0.8;}
.foot_menu p a:hover{ color:#44e3cc}
.foot_menu p span{ color:#44e3cc;}
.common_banner{position: relative; height: 333px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.common_banner .main{width: 400px; text-align: center; margin: 0 auto; position: absolute; left: 0; right: 0; top: 50%; margin-top: -63px;}
.common_banner .main h3{font-size: 40px; color: #fff; text-transform:uppercase}
.common_banner .main .line{border-top: 1px solid #fff; margin: 20px 0;}
.common_banner .main .line i{width: 8px; height: 8px; display: block; margin: -4px auto 0; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.common_banner .main .en{ font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; font-size: 16px; color: #fff; letter-spacing: 4px; text-transform: uppercase;}
.service_main{}
.service_main .section1{padding: 50px 0;}
.service_main .section1 .item{margin: 40px 0; background: #eee; position: relative; overflow: hidden;}
.service_main .section1 .item .img_block{position: absolute; top: 0; bottom: 0; width: 600px; overflow: hidden;}
.service_main .section1 .item .img_block .block{width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.service_main .section1 .item:hover .img_block .block{-webkit-transform: scale(1.1); transform: scale(1.1);}
.service_main .section1 .item:nth-of-type(odd) .img_block{left: 0;}
.service_main .section1 .item:nth-of-type(even) .img_block{right: 0;}
.service_main .section1 .item:nth-of-type(odd) .txt_block{}
.service_main .section1 .item:nth-of-type(even) .txt_block{float: left;}
.service_main .section1 .item .txt_block{width:520px; padding: 70px 40px; height: 380px;}
.service_main .section1 .item .txt_block h3{font-size: 22px; color: #f3c523; margin-bottom: 20px; text-transform:uppercase; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
.service_main .section1 .item .txt_block p{font-size: 14px; color: #666; line-height: 28px; text-align: justify; margin-bottom:40px}

.service_main .section1 .item .txt_block span{ border:2px solid #000; padding:10px 40px}

.service_main .section1 .item .txt_block:hover span{ border:2px solid #f3c523; color: #f3c523}
.cp_main{}
.cp_main1{}
.cp_main1 .subject{ text-align:center; border:0px; overflow: hidden; height:auto; width:800px; margin:0px auto 30px auto}
.cp_main1 .subject b{ color:#333; font-size:32px; border:0px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; color:#f3c523 }
.cp_main1 .subject p{ color:#555; font-size:14px; border:0px; line-height:30px; margin:10px auto}

.news_main{padding-bottom: 70px; background:#f5f5f5}

.news_main .items{margin: 70px 0;}
.news_main .item{margin-top: 30px; overflow: hidden; background: #fff; -webkit-transition: all 500ms ease; transition: all 500ms ease; padding:20px}
.news_main .item:nth-of-type(1){margin-top: 0;}
.news_main .item .img_block{width:30%; float: left; overflow: hidden; float:left}
.news_main .item .img_block img{width: 100%; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.news_main .item .txt_block{ margin:0 5%; float:left; width:50%}
.news_main .item .txt_block h3{font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin:25px 0px 20px 0px}
.news_main .item .txt_block h3 a{color: #444; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-size:16px}
.news_main .item .txt_block .dot{margin: 15px 0;}
.news_main .item .date_block{ width:10%; float:right}
.news_main .item .txt_block .dot span{font-size: 14px; color: #999; padding-left: 30px; display: inline-block; line-height: 24px; background-position: left center; background-repeat: no-repeat; background-size: 20px;}
.news_main .item .txt_block .dot span.date{background-image: url(../images/news_icon3.png); margin-right: 20px;}
.news_main .item .txt_block .dot span.view{background-image: url(../images/news_icon4.png);}
.news_main .item .txt_block p{font-size: 14px; line-height: 30px;  overflow: hidden;}
.news_main .item .txt_block p a{color: #999;}
.news_main .item .txt_block .more{margin-top: 30px;}
.news_main .item .txt_block .more a{display: block; width: 100px; line-height: 30px; text-align: center; font-size: 12px; color: #777; border: 1px solid #cccccc; border-radius: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.news_main .item .txt_block .more a:hover{color: #fff; background: #f3c523; border-color: #f3c523;}
.news_main .item:hover{box-shadow: 0 10px 30px rgba(4,0,0,.1);}
.news_main .item:hover .txt_block h3 a{color: #f3c523;}
.news_main .item:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.news_main .item .date_block h1{ font-size:36px; line-height:40px; color:#f3c523; font-weight:bold; padding-top:60px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;}
.news_main .item .date_block h2{ font-size:24px; line-height:40px; color:#f3c523; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;}


.contact_main{background: #fff;}
.contact_main .common_banner .main{margin-top: -100px;}
.contact_main .section1{margin-top: -70px; position: relative; z-index: 2; padding-bottom: 70px;}
.contact_main #contactMap{height: 650px;}
.common_contact .left .info p span{ color:#000 ; margin-right:10px}
.common_contact .left .info p { overflow:hidden;margin-bottom:10px}
.common_contact .left .info p i{  color:#f3c523; font-size:20px; margin-right:10px; float:left; height:40px; }
.map_content{overflow: hidden;}
.map_content img{float: left;}
.map_content span{float: left;}
.common_contact #contact_form{ padding:0px}
.common_contact .container_s{padding: 80px; overflow: hidden; background: #fff url(../images/contact_img1.jpg) center bottom no-repeat; box-shadow: 0 10px 30px rgba(4,0,0,.1);}
.common_contact .left{width: 45%; float: left;}
.common_contact .left h3{font-size: 36px; color: #444; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;}
.common_contact .left h3 span{display: block; color: #f3c523;}
.common_contact .left .desc{margin-top: 20px; padding-top: 20px; border-top: 1px solid #e3e3e3; font-size: 14px; color: #666; line-height: 22px; text-align: justify;}
.common_contact .left .info{margin-top: 40px;}
.common_contact .left .info .name{font-size: 22px; color: #444; margin-bottom: 20px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;}
.common_contact .left .info p{font-size: 16px; color: #666; line-height: 30px;}
.common_contact .right{width: 45%; float: right;}
.common_contact .right h3{font-size: 26px; color: #444;}
.common_contact .right .form{margin-top: 20px;}
.common_contact .right .form .box{margin-top: 10px; position: relative;}
.common_contact .right .form .box input{width: 100%; height: 60px; padding: 10px; background: #f3f3f3; color: #777; border:none}
.common_contact .right .form .box textarea{width: 100%; height: 150px; padding: 10px; background: #f3f3f3; color: #777;  font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; resize: none;}
.common_contact .right .form .box button{width: 100%; height: 60px; border: 2px solid #016bdd; font-size: 16px; color: #016bdd; background: none; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_contact .right .form .box button:hover{background: #016bdd; color: #fff;}
.map_contant span{font-size: 14px;}
.common_contact .right .form .box img{position: absolute; top: 0; right: 0; height: 100%; width: 100px;}
.contact-page .form-group { margin-bottom: 22px; }
.contact-page .form-group input { font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; display: inline-block; height: 50px; color: #777777; font-size: 14px; padding-left: 20px; background: #f9f9f9; border:none; box-shadow: none; transition: all 500ms ease 0s;   width:80%}
.contact-page .form-group textarea { font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;display: inline-block; height: 160px; resize: none; color: #777777; background: #f9f9f9; padding-top: 20px; padding-left: 20px; font-size: 14px; border-color: #f9f9f9; box-shadow: none; transition: all 500ms ease 0s; width:80% }
.contact-page .form-group input:focus, .contact-page .form-group textarea:focus { border-color: #20409a;; transition: all 500ms ease 0s; }
.contact-page .form-bottom { display: block; }

.btn-style-one { font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; font-size: 14px; color: #ffffff; line-height: 29px; font-weight: 700; padding: 8px 24px; background: #f3c523;; letter-spacing: 1px; border: 1px solid #f3c523;; text-transform: uppercase; display: inline-block;  transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.btn-style-one:hover { font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; color: #f3c523;; border: 1px solid #f3c523;; background: transparent; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

.news_content_m{}
.news_content{ background:#f0f0f0; overflow:hidden; padding:70px 0px}
.news_content .fl{ background:#fff; width:790px; padding:20px 30px}
.news_content .content{ padding-top:20px}
.news_content .content img{ max-width:100%}

.news_content .fr{background:#fff;padding:20px 30px; width:260px}
.news_content .fr ul{ padding:10px 0px}
.news_content .fr ul li{ overflow:hidden; padding:10px 0px; border-bottom: 1px solid #e3e3e3;}
.news_content .fr ul li .pic{ float:left; margin-right:10px}
.news_content .fr .tit p{ font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; font-size: 20px; color: #f3c523;  padding-bottom:10px}
.news_content .fr .tit{ border-bottom:1px #dedede solid}
.news_content .fr ul li .txt{ color:#777; font-size:14px; padding-top:10px }
.foot_copy{ background:#01151b; text-align:center; height:50px; line-height:50px}
.foot_copy p{ color:#fff}
.foot_copy a{color:#fff}
.foot_copy p span{color:#fff}
.foot_copy p a:hover{ color:#fff}
.panjun_h3 { font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;;
    padding-top: 80px;
    font-size: 40px;
    color: #333;
    text-align: center;
    padding-bottom: 25px;
}

.about_main{}

.news_lanmu li a{ font-size: 16px; color: #666; display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; border: 1px solid #cccccc; margin: 0 12px; border-radius: 20px; transition: 0.3s;}
.news_lanmu li a:hover{ background-color: #f3c523; border: 1px solid #f3c523; color: #fff; }
.news_lanmu li.on a{ background-color: #f3c523; border: 1px solid #f3c523; color: #fff; }
.news_lanmu{text-align: center; width: 100%; margin-bottom: 40px;}
.news_lanmu li{ display: inline-block; }
.qyjs_main1{ position: relative; padding: 80px 0px; height: 600px; }
.qyjs_main1 .main_pic{ position: absolute; right: 0px; top: 80px; z-index: 2;}
.qyjs_main1 .wrap1200{ }
.qyjs_main1_con{position: relative; z-index: 3;  width: 525px; padding-left: 70px; padding-right: 125px; height: 470px; margin-top: 65px; background-color: #fff; -webkit-box-shadow:0 0px 10px rgba(0,0,0,0.1);
box-shadow:0 0px 10px rgba(0,0,0,0.1);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0) ; }
.qyjs_main1_con h3{ text-align: left; padding-top: 60px;}
.qyjs_main1_con i{ display: inline-block; width: 20px; background-color: #f3c523; height: 4px; }
.qyjs_main1_con h4{ font-size: 18px; color: #333; padding-top: 10px; }
.qyjs_main1_con p{ font-size: 14px; line-height:25px; color: #999; }
.qyjs_main1_con a{ font-size: 16px; color: #999; display: inline-block; margin-top: 45px; border-bottom: 1px solid #d0d0d0; }
.qyjs_main1_con a:hover{ color: #f3c523; }
.qyjs_main2{ width: 100%; height: 796px; background: url(../images/qyjs_bg.jpg) no-repeat center; }
.qyjs_main2 .show_h3{ color: #fff; font-size: 40px; padding-top: 80px; line-height: 30px; margin-bottom: 0px; text-align: center; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;}
.qyjs_main2 .show_h3 span{ color: #c7d290; font-size: 18px;}
.qyjs_main2 h4{ font-size: 16px;color: #fff; text-align: center; padding-top: 15px; margin-bottom: 45px;}
.qyjs_main3 h4{ font-size: 16px;color: #666666; text-align: center; padding-top: 15px; margin-bottom: 45px;}
.qyjs_main3 .show_h3_two{ margin-bottom: 0px; }
.qyjs_main3 .wrap1200{ width: 1272px; }
.qyjs_main3{ padding-bottom: 45px; }
.qyjs_main4{ width: 100%; height: 810px; background-color: #f7f7f7; }
.qyjs_main4 .wrap1200{ position: relative; }
.wrap1200{ width:1200px; margin:0px auto}
.qyjs_main2 ul  li{ text-align:center; margin:0px 10px; float:left; width:280px}
.qyjs_main2 ul  li .yuan{transition: all 1s ease;
 -webkit-transition: all 1s ease;position:relative; z-index:999;  width:120px; height:120px; background:#fff; border-radius:60px; margin:0px auto;}
.qyjs_main2 ul  li .pic{ width:280px;  height:407px; color:#fff; font-size:16px; margin-top:-50px; position:relative; opacity:0.9}
.qyjs_main2 ul  li .pic p{ padding:150px 30px }
.picScroll-left2 {width:100%;position:relative;margin:0 auto;}
.qyjs_main2 ul  li:hover .pic{ opacity:1; }
.qyjs_main2 ul  li .pic1{background:url(../images/cul_1.png) no-repeat center;}
.qyjs_main2 ul  li .pic2{background:url(../images/cul_2.png) no-repeat center;}

.qyjs_main2 ul  li .pic3{background:url(../images/cul_3.png) no-repeat center;}
.qyjs_main2 ul  li .pic4{background:url(../images/cul_4.png) no-repeat center;}
.qyjs_main2 ul  li .yuan p{transition: all 1s ease;
 -webkit-transition: all 1s ease;position:relative; z-index:999; text-align: center; line-height:120px;color:#f3c523; font-size:20px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;  font-weight:bold}

.qyjs_main2 ul  li:hover .yuan p{transform:rotatex(360deg);
         -ms-transform:rotatex(360deg); /* Internet Explorer 9*/
        -moz-transform:rotatex(360deg); /* Firefox */
        -webkit-transform:rotatex(360deg); /* Safari 和 Chrome */
        -o-transform:rotatex(360deg); /* Opera */
        filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        }
.picScroll-left2 .hd {width:100%;text-align:center;overflow:hidden;height:10px;background:none;padding:0 10px;}
.picScroll-left2 .hd .prev,.picScroll-left2 .hd .next {display:inline-block;width:42px;height:42px;overflow:hidden;cursor:pointer;}
.picScroll-left2 .hd .next {width:42px;height:42px;position:absolute;right:-44px;top:160px;background:url(../images/honour_right.jpg) no-repeat;}
.picScroll-left2 .hd .prev {width:42px;height:42px;position:absolute;left:-44px;top:160px;background:url(../images/honour_left.jpg) no-repeat;}
.picScroll-left2 .hd .next:hover{ background:url(../images/honour_right_on.jpg) no-repeat; }
.picScroll-left2 .hd .prev:hover{ background:url(../images/honour_left_on.jpg) no-repeat; }
.picScroll-left2 .hd .prevStop {background-position:-60px 0;}
.picScroll-left2 .hd .nextStop {background-position:-60px -50px;}
.picScroll-left2 .hd ul {float:right;overflow:hidden;zoom:1;margin-top:10px;zoom:1;}
.picScroll-left2 .hd ul li {width:9px;height:9px;overflow:hidden;margin-right:5px;text-indent:-999px;cursor:pointer;background:url("images/icoCircle.gif") 0 -9px no-repeat;}
.picScroll-left2 .hd ul li.on {background-position:0 0;}
.picScroll-left2 .bd ul {overflow:hidden;zoom:1;}
.picScroll-left2 .bd ul li { margin:0 20px;float:left;_display:inline;overflow:hidden;width: 270px;}
.picScroll-left2 .bd ul li p{ font-size: 16px; color: #333; line-height: 80px; text-align: center; }
.picScroll-left2 .bd ul li img{max-width: 100%;}

.shfw_main3{ padding-top: 80px; padding-bottom: 90px; }
.shfw_main3 .wrap1200{ position: relative; }
.shfw_main3_r{ width: 390px; height: 560px; padding-left: 60px; padding-right: 70px; background-color: #f3c523; }
.shfw_main3_r h4{ font-size: 24px; color: #fff; padding-top: 30px; padding-bottom: 30px; }
.shfw_main3_r p{ margin-bottom: 25px; font-size: 16px; color: #fff; line-height: 25px; }
.shfw_main3_ul{ width: 950px; height: 143px; background-color: #fff; position: absolute; bottom: 0; right: 0px; z-index: 2; }
.shfw_main3_ul li{ float: left; margin:0 37px; text-align: right; }
.shfw_main3_ul li h5{  font-size: 24px; color: #333; padding-top: 55px; }
.shfw_main3_ul li p{  font-size: 16px; color: #808080; padding-top: 17px; }
.shfw_main3_ul li:last-child{ margin-right: 0px; }
.shfw_main4{ width: 100%; height: 515px; background: url(../images/shfw_main4_bg.jpg) no-repeat center; }
.show_h3_two{ font-size: 32px; color: #333; padding-top: 80px; text-align: center; line-height: 30px; margin-bottom: 10px; }
.show_h3_two span{  font-size: 18px; color: #ccc; font-weight:normal  }
.shfw_main4{ text-align: center; }
.zxzx{ display: block; margin: 0 auto; margin-top: 105px; padding-left: 75px; padding-right: 40px; height: 44px; line-height: 44px; font-size: 16px; color: #fff; background:#f3c523 url(../images/tell_ico2.png) no-repeat 42px center; border-radius: 40px; width: 66px; }
.zxzx:hover{ color: #fff; background:#f3c523 url(../images/tell_ico2.png) no-repeat 32px center;}
.qyxc_xxk li a{ font-size: 16px; color: #666; display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; border: 1px solid #ddd; margin: 0 12px; border-radius: 20px; transition: 0.3s;}
.qyxc_xxk li a:hover{ background-color: #f3c523; border: 1px solid #f3c523; color: #fff; }
.qyxc_xxk li.on a{ background-color: #f3c523; border: 1px solid #f3c523; color: #fff; }
.qyxc_xxk{text-align: center; width: 100%; margin-bottom: 40px;}
.qyxc_xxk li{ display: inline-block; }
.qyjs_main4 .show_h3_two{  }
.qyxc_main.on {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}
.qyxc_main {
    position: absolute;
    top: 180px;
    left: 0;
    z-index: 1;
    transition: 0.3s;
    opacity: 0;
}
.qyxc_main .more{ background:#999; width:1200px; margin:0px auto ; height:50px; text-align:center}
.qyxc_main .more:hover{ background:#f3c523}
.qyxc_main .more a{ color:#fff; font-size:16px; line-height:50px; display:block }
.qyxc_main .more a span{ border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; margin-left:80px; padding-right:10px}
.qyxc li img{ width:390px; height:240px}
.qyxc li{ position: relative; float: left; margin-right: 15px; margin-bottom: 15px; }
.qyxc li:nth-child(3n){ margin-right: 0px; }
.qyxc li .qyxc_ding{ opacity: 0; width: 100%; text-align: center; position: absolute; top: 0px; left: 0px; z-index: 2; background: rgba(236,105,1,0.8); height: 0px; transition: 0.3s;}
.qyxc li:hover .qyxc_ding{ opacity: 1; height: 100%; }
.qyxc li .qyxc_ding p{ padding-top: 130px; background: url(../images/qyxc_ico.png) no-repeat center 100px; font-size: 18px; color: #fff;}


#et-slider-wrapper { height: 840px; position: relative; background:  url(../images/banner_bg.jpg) no-repeat center; }
	.et-slide { background-repeat: no-repeat; background-position: top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.et-slide .container { padding: 220px 0 0; }
			.et-slide .description { text-shadow: 0 2px 2px rgba(0,0,0,0.3); color: #fff; font-size: 18px; float: left; width: 660px; padding-top:180px;
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;

	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp; }
			.banner01	.description h2 { font-size: 44px; color:#fff; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height:72px; margin:20px 0px;  }
			.banner01	.description h2 span{ color:#44e3cc; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
			.banner01	.description p { font-size: 18px; color:#fff; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height:24px; margin:20px 0px 40px 0px;font-weight:lighter; }
			.banner01		.description .more
			.banner01		.subtitle{ font-size: 14px; text-transform: uppercase; color: #fff; font-weight:lighter; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height:50px !important;overflow:hidden;  }
			.banner01		.subtitle img{ float:left}
.banner01 .description .more { display: inline-block;font-size: 14px; color: #fff;  padding: 15px 30px; background:#44e3cc 
					
}
.banner01 .description .more span{ border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; padding-right:10px; margin-left:80px}
	.banner01	.description .more:hover { color: rgba(255,255,255,0.9); text-decoration: none; }
	
	
				.banner02	.description h2 { font-size: 44px; color:#fff; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height:72px; margin:20px 0px;  }
			.banner02	.description h2 span{ color:#44e3cc; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
			.banner02	.description p { font-size: 18px; color:#fff; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height:24px; margin:20px 0px 40px 0px;font-weight:lighter; }
			.banner02		.description .more
			.banner02		.subtitle{ font-size: 14px; text-transform: uppercase; color: #fff; font-weight:lighter; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height:50px !important;overflow:hidden;  }
			.banner02		.subtitle img{ float:left}
.banner02 .description .more { display: inline-block;font-size: 14px; color: #fff;  padding: 15px 30px; background:#44e3cc 
					
}
.banner02 .description .more span{ border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; padding-right:10px; margin-left:80px}
	.banner02	.description .more:hover { color: rgba(255,255,255,0.9); text-decoration: none; }
			.banner03	.description{ text-shadow: 0 2px 2px rgba(255,255,255,0.3) !important; color: #fff; font-size: 18px; float: left; width: 660px; padding-top:180px;
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;

	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp; }
			.banner03	.description h2 { font-size: 46px; color:#999; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height:72px; margin:20px 0px;  }
			.banner03	.description h2 span{ color:#44e3cc; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
			.banner03	.description p { font-size: 18px; color:#999; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height:24px; margin:20px 0px 40px 0px;font-weight:lighter; }
			.banner03		.description .more
			.banner03		.subtitle{ font-size: 14px; text-transform: uppercase; color: #fff; font-weight:lighter; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height:50px !important;overflow:hidden;  }
			.banner03		.subtitle img{ float:left}
.banner03 .description .more { display: inline-block;font-size: 14px; color: #fff;  padding: 15px 30px; background:#44e3cc 
					
}
.banner01 .description .more { display: inline-block;font-size: 14px; color: #fff;  padding: 15px 30px; background:#44e3cc 
					
}
.banner02 .description .more { display: inline-block;font-size: 14px; color: #fff;  padding: 15px 30px; background:#44e3cc 
					
}
.banner03 .description .more:hover{ background:#f3c523; }
.banner03 .description .more span{ border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; padding-right:10px; margin-left:80px}
	.banner03	.description .more:hover { color: rgba(255,255,255,0.9); text-decoration: none; }

	
	
			.featured-image { float: right; width:313px; margin-top:230px;
-webkit-animation-duration: .6s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;

	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}

.js .et-slide { display: none; }
.js .et-slide:first-child { display: block; }

.et-slider-arrows a { display: block; background-repeat: no-repeat; width: 28px; height: 40px; position: absolute; top: 400px; text-indent: -9999px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; }
#et-slider-wrapper .et-arrow-prev { left: 60px; background-image: url(../images/left-arrow.png); }
#et-slider-wrapper .et-arrow-next { right: 60px; background-image: url(../images/right-arrow.png); }
#et-slider-wrapper:hover .et-slider-arrows a { opacity: 1; }
#et-slider-wrapper:hover .et-arrow-prev { left: 80px; }
#et-slider-wrapper:hover .et-arrow-next { right: 80px; }

#et-slider-controls { position: absolute; bottom: 75px; left: 0; width: 100%; }
	#et-slider-controls .et-controllers { width: 530px; float: right; text-align: center; }
		#et-slider-controls .et-controllers a { display: inline-block; width: 17px; height: 17px; background: url(../images/slider_control.png) no-repeat; text-indent: -9999px; margin: 0 1px; }
		#et-slider-controls .et-controllers a.et-active-control { background-image: url(../images/active_slider_control.png); }

		.et-controllers a.et-active-control:hover { cursor: default; }
.about_txt h3{ color:#333; font-size:32px; text-align:center; margin-top:50px}
.pro_silei{ }
.service_main .section{padding:50px 0px}
.pro_silei .tit{ text-align:center; margin:10px 0px}
.pro_silei .tit h2{ font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; font-size:32px; color:#f3c523 }
.pro_silei .tit p{ font-size:14px; width:800px ; margin:10px auto}
.pro_silei dl dt{ float:left; }
.pro_silei dl dt:hover p{ background:#f3c523; color:#fff}
.pro_silei dl dt img{ }
.pro_silei dl dt{ padding:1px; border:1px solid #ccc}
.pro_silei dl dt p{ font-size:14px; background:#8f8f8f; padding:15px 0px; text-align:center; color:#fff}
.cp_sllist{ margin-top:50px}
.cp_sllist .tit{ margin-bottom:30px}
.cp_sllist .tit a{ font-size:26px; color:#444; border-bottom:1px solid #ccc; padding-bottom:10px}
.cp_sllist .tit:hover a{ color:#f3c523}
.cp_sllist ul li .pic{ width:368px; height:255px; overflow:hidden; border:1px solid #eee}
.cp_sllist ul li a .more{ display:block; margin:15px auto 0px auto; text-align:center; background:#e5e5e5; width:368px; line-height:50px; font-size:14px;}
.cp_sllist ul li:hover a .more{ background:#f3c523; color:#fff}
.cp_sllist ul li a{ border:1px solid #eee; display:block; padding:9px}
.cp_sllist ul li{ float:left; margin:0px 15px 13px 0}
.cp_sllist ul li:nth-child(3n){ margin:0px 0px 13px 0px}
#search { color: #666; font-size: 12px; line-height: 28px; background:#f0f0f0; padding:15px 0; }
#search p { float: left; }
#search p a{ padding:0 10px;}
.sea_r { float: right; padding-top: 13px; }
.sousuo { background: #f3c523  ; width: 45px; height: 30px; border: 1px; float: right; text-align:center; color:#fff;}
.sousuo:hover { background: #666 url(../images/search.png); -webkit-transition: all .5s; transition: all .5s; }
.sousuo1 { border: 0px; background: #fff; width: 200px; height: 28px; float: right; border-right: 0px; padding-left: 10px; }
input:focus { outline: none; }